https://github.com/autumnchris/drum-machine

A React.js app that imitates drum kit sounds through the optional uses of the keyboard and button clicks.
https://github.com/autumnchris/drum-machine

babel css drum-machine es6 freecodecamp javascript react reactjs sass scss webpack

Last synced: 2 days ago
JSON representation

A React.js app that imitates drum kit sounds through the optional uses of the keyboard and button clicks.

• Host: GitHub
• URL: https://github.com/autumnchris/drum-machine
• Owner: autumnchris
• Created: 2018-06-15T13:48:21.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2025-02-15T18:33:25.000Z (6 days ago)
• Last Synced: 2025-02-15T19:30:12.185Z (6 days ago)
• Topics: babel, css, drum-machine, es6, freecodecamp, javascript, react, reactjs, sass, scss, webpack
• Language: JavaScript
• Homepage: https://autumnchris.github.io/drum-machine
• Size: 3.03 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drum Machine

A React.js app that imitates drum kit sounds through the optional uses of the keyboard and button clicks.

Inspired by the [Build a Drum Machine challenge](https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-drum-machine) as part of the curriculum for the [Front End Development Libraries Certification](https://www.freecodecamp.org/learn/front-end-libraries) on [freeCodeCamp](https://www.freecodecamp.org).

---

## Built With

* [React.js](https://reactjs.org)

* [Sass](http://sass-lang.com)

* JavaScript

* CSS3

* HTML5

* [Node.js](https://nodejs.org/en)

* [Webpack](https://webpack.js.org)

* [Normalize.css](https://necolas.github.io/normalize.css)

* [Drum sound effects](https://github.com/wesbos/JavaScript30)

* [Digital 7 font](https://www.dafont.com/digital-7.font)

* [Font Awesome](https://fontawesome.com)

* [Google Fonts](https://fonts.google.com)

* [Babel](https://babeljs.io)

## Demo

View project demo at [https://autumnchris.github.io/drum-machine](https://autumnchris.github.io/drum-machine).

## Instructions

After forking and cloning, navigate to the repository in your command line and install the NPM packages:

```

npm install

```

Run the following script in your command line to run the application:

```

npm start

```

Once the server is running, go to `http://localhost:8080` in your browser.

Before committing any changes, run the following script to update your static files for production:

```

npm run build

```