beatmaker

CISC474 Group 5 Project

Install Instructions

Install the necessary packages with npm i

You must also include the app config titled fire-app.js inside the ./firebase directory This config is needed to initialize our connection with firestore

Then run the main server with npm start

Group Names

1. Casey Rock
2. Dontae Esdaile
3. Jaydon Reap
4. Yifan Ni
5. Emily Taylor

Project Paragraph

When we finish the project we plan to have a website where the user can upload or select a set of sounds and create their own musical beat. Once the user is satisfied with their beat, they can save their musical creation to an audio file for future reference.

How we will use an implement

Have a selection of audio “snippets” of various instruments/beats that can be selected and placed on a grid. The grid serves as the “score” of the song/beat. Putting multiple snippets in various orders would be the primary way of creating the song. From a technical perspective this would be handled by essentially having an array/collection of all the audio snippets and playing them in the order they are arranged on the grid. Ultimately this puts a lot of the work on the UI side of things and avoids a ton of backend code.

What we are responsible for

1. Casey Rock: Data Structure that handles the sounds
2. Dontae Esdaile: UI
3. Jaydon Reap: Engine logic + help on interface/UX
4. Yifan Ni: design
5. Emily: UI/Design (History Page)

Colors

#0B0C10 -- Black
#1F2833 -- Navy
#C5C6C7 -- Light Grey
#66FCF1 -- Cyan
#45A29E -- blue/grey

Refrence

1. Icons: https://thenounproject.com/ , https://fontawesome.com/
2. Audio: https://freesound.org/