Add sound and adapt animation

This changes the animation duration to ~8 seconds to fit the sounds.
There are two sounds:

* sound_a -> With echo effect
* sound_b -> Without echo effect (cleaner)

Access `src/constants` to try out the other sound :-)

Author: ryyppy

.gitignore

@@ -35,3 +35,5 @@ jspm_packages
 
 # Optional REPL history
 .node_repl_history
+
+.DS_Store

package.json

@@ -9,6 +9,7 @@
     "normalize.css": "^5.0.0",
     "react": "^15.4.1",
     "react-dom": "^15.4.1",
+    "react-sound": "^0.5.2",
     "styled-components": "^1.1.1"
   },
   "scripts": {

public/sound_a.aif

@@ -1,10 +1,15 @@
 import React from 'react';
+import Sound from 'react-sound';
 import {Wrapper, Group, BlueText, RedText} from './styles';
+import constants from '../../constants';
 import Logo from '../Logo';
 
-
 const App = () => (
   <Wrapper>
+    <Sound
+      url={constants.sound}
+      playStatus={Sound.status.PLAYING}
+    />
     <Group>
       <BlueText>React</BlueText>
       <Logo width={320} height={320} />

public/sound_a.mp3

@@ -1,6 +1,7 @@
 const constants = {
-  animationDuration: '1.75s',
+  animationDuration: '6.8s',
   animationEasing: 'ease-in-out',
+  sound: 'sound_b.mp3',
 };
 
 export default constants;

public/sound_b.aif

@@ -4405,7 +4405,14 @@ [email protected]:
   optionalDependencies:
     fsevents "1.0.14"
 
-react@^15.4.1:
+react-sound@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/react-sound/-/react-sound-0.5.2.tgz#8514a44b1500feefca85ef87670dc65e26ea0720"
+  dependencies:
+    react ">=0.13.3 <16.0.0"
+    soundmanager2 "^2.97.20150601-a"
+
+"react@>=0.13.3 <16.0.0", react@^15.4.1:
   version "15.4.1"
   resolved "https://registry.yarnpkg.com/react/-/react-15.4.1.tgz#498e918602677a3983cd0fd206dfe700389a0dd6"
   dependencies:
@@ -4802,6 +4809,10 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
+soundmanager2@^2.97.20150601-a:
+  version "2.97.20150601"
+  resolved "https://registry.yarnpkg.com/soundmanager2/-/soundmanager2-2.97.20150601.tgz#673edacb9b52bbcfa57712c370b011f6983c6f36"
+
 source-list-map@^0.1.4, source-list-map@~0.1.0:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-0.1.6.tgz#e1e6f94f0b40c4d28dcf8f5b8766e0e45636877f"