A front-end JavaScript application that runs in the browser. Our application is aimed at musicians and non-musicians alike, to play and interact with sound. We wanted learning with music to be more accessible and fun.
Visit our application here
In your terminal, run
git clone https://github.com/ellie-keen/melody-maker.git
cd melody-maker
npm install
To run the application
npm run start
To run unit tests using Jasmine
npm run unit-test
To run feature-tests using Cypress
npm run feature-test
- JavaScript
- Node.js
- Jasmine
- Cypress
- Express
- HTML/CSS
- Heroku for hosting
As a user,
So I can play a sound,
I would like to select a sound by clicking a button.
As a user,
So that I can play several sounds sequentially,
I would like to have a clock that passes over each column.
As a user,
So I can play multiple sounds at the same time,
I would like to select multiple buttons.
As a user,
So I can tell which button has been selected,
I would like the button to change colour.
As a user,
So I can see which column is selected,
I would like to see a visual counter for the clock.
As a user,
So I can visualise my sound,
I would like to see some animation based on sound.
As a user,
So I can create a new song without refreshing the page,
I would like to erase what I have selected.