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

You may also like

• Pomodoro Clock
• Quote Machine

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