Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khayati-asrani/electric-drums-pwa
Electric Drums App
https://github.com/khayati-asrani/electric-drums-pwa
chai chai-enzyme drum-machine drumpad electric-drums enzyme jest react unit-testing
Last synced: 25 days ago
JSON representation
Electric Drums App
- Host: GitHub
- URL: https://github.com/khayati-asrani/electric-drums-pwa
- Owner: khayati-asrani
- License: mit
- Created: 2018-12-26T18:51:52.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-01-24T13:01:41.000Z (almost 6 years ago)
- Last Synced: 2024-05-18T19:12:28.958Z (7 months ago)
- Topics: chai, chai-enzyme, drum-machine, drumpad, electric-drums, enzyme, jest, react, unit-testing
- Language: JavaScript
- Homepage: https://1xwebbyx1.github.io/electric-drums-pwa/
- Size: 2.18 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-javascript-audio - electric-drums-pwa - simple, buttons at bottom, good performance (MIDI instruments / Drum pads / MPC / MPD)
README
# Electric Drums
A web app , bootstrapped with [Create React App](https://github.com/facebook/create-react-app), to play electric drums.
# Visit on web
For a live demo, visit [github](https://1xwebbyx1.github.io/electric-drums-pwa/) or [codepen](https://codepen.io/1xwebbyx1/full/LXQBap).
# 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](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# 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](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.
# Running Tests
```shell
$ npm test
```
# You may also like
- [Pomodoro Clock](https://github.com/1XWebbyX1/pomodoro-clock-pwa)
- [Quote Machine](https://github.com/1XWebbyX1/quote-machine-pwa)
# Inspiration
This Project was inspired by(not entirely based on) suggested user stories at [freeCodeCamp](https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-drum-machine).
# ToDo
- Implement PWA features
- workaround audio delay in safari
# License
MIT
---
> GitHub [@1XWebbyX1](https://github.com/1XWebbyX1)