React 808

Full-stack drum machine app written for Week 15 Final CodeClan Project.
The app is designed to play 16 different sounds, modeled on the Roland TR-808.
To play each instrument, the user can either hit the pad button, which strikes one note, or select which beat to play by selecting a sequence button.
Once all sequences are chosen for the desired instrument, the user can play all sequences by clicking the master play button.
To save a sequence, click the sequence save button at the end, then select the master save button at the top.
To clear the instrument sequence, select clear.

BUILT WITH

• JavaScript
• React
• Java
• Spring

AUTHORS

• Tino Ritchie
• David Eastcroft
• Ash Oldham
• Keith Campbell

DATE

Wednesday August 12th 2020

INSTRUCTIONS TO RUN

1. Open Terminal
2. Create Drum Machine folder
3. Copy git repo link, type ‘git pull’ in command line then paste link, hit enter
4. Client Side
   4.1. Navigate to client folder
   4.2. Type ‘npm install’ in command line
   4.3. On completion, type ‘npm run start’
   4.4. Check if browser opens up new page, if not type url ‘http://localhost:3000’
5. Server Side
   5.1. Create new Terminal command line type ‘Cmd + T’
   5.2. Navigate into Server/src folder
   5.3. Type ‘idea . ’(which will open up the source code in Intelli J)
   5.4. Run the application ‘DrumandDrumberDbApplication’
   5.5. Check if browser opens up new page, if not type url http://localhost8080/
6. Enjoy creating some beats!

INSTRUCTIONS TO PLAY

• Click the drum pads on the left to hear each sound.
• Click on the square sequencer buttons to draw in notes in the sequence.
• The 16 sequencer tracks represent 2 bars of 4 beats each. (4/4 time signature)
• Click Play to...well, play! Click again to stop.
• The BPM slider in the middle changes the speed of the track. Must stop track to change!
• The three disk icon saves all your tracks - but save each track individually before saving all!
• If you want to start again, click the red X to clear a track.
• Get busy with the beats!