/Drum-Machine-App

🥁 freeCodeCamp - Front End Libraries Certificate project

Primary LanguageJavaScriptMIT LicenseMIT

Drum Machine App 🥁

This project is part of the FreeCodeCamp Front End Libraries Certification section

A drum machine app with similar functionality to this codepen. The task was to fulfill the user stories to successfully complete the project.

application screenshot

📑 Table of Contents

🔗 Live link

Open the page directly from here

🏁 Getting Started

Installation

The system expected to have the following dependencies installed

  • Node.js
  • npm
  • [ yarn ]
  • Git
  1. Clone repository
  2. Navigate into project folder and then install dependencies with npm install
  3. start the server with npm start or yarn start
  4. the aplication runs on http://localhost:3000

Service Worker

Service worker is being activated in the production version.

To get a production version either run yarn or npm
yarn build / npm run build

Built With

Browser compatibility

The site was tested on Google Chrome only

🍴 How to use

  1. The app displays 3 rows of drum pads that correspond to the keys on the keyboard.
  2. The user can press drum pads using their keyboard or mouse, each triggers an audio clip.
  3. The name of the pressed key is displayed below the drum pad.

📜 Licence

This project is licensed under the MIT License - see the LICENSE.md file for details

💰 Credits