Electric Drums

A web app , bootstrapped with Create React App, to play electric drums.

Visit on web

For a live demo, visit github or codepen.

Technologies

Project is created with :

React
Sass
jQuery
Chai
Enzyme
Jest

Key features

Plays Drum sounds
Displays sound playing
Responds to both keyboard and click events

Install

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/1XWebbyX1/electric-drums-pwa

# Go into the repository
$ cd electric-drums-pwa

# Install dependencies
$ npm install

# Run the app
$ npm start

You will then be able to access it at localhost:3000

For optimized build folder production run :

$ npm run build

You will then be able to access it at localhost:5000

Note: If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Running Tests

$ npm test

Inspiration

This Project was inspired by(not entirely based on) suggested user stories at freeCodeCamp.

ToDo

Implement PWA features
workaround audio delay in safari

License

MIT

GitHub @1XWebbyX1

khayati-asrani/electric-drums-pwa