LIBERCOSOFT/drum-machine

A reactjs-drum machine

📗 Table of Contents

• 📗 Table of Contents
• 📖 Drum Machine
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • Show your support
  • 📝 License

📖 Drum Machine

Drum Machine is a web based drum pad that plays a sound when a selected button is clicked on screen or on the keyboard.

🛠 Built With

Tech Stack

Client

• React.js

Key Features

• User can switch between a drum and paino
• User can click on the keys onsreen or through the keyboard

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Have Git installed on your computer or laptop
• Have Node installed on your computer or laptop

Setup

Clone this repository to your desired folder:

  mkdir desired-folder
  cd desired-folder
  git clone git@github.com:LIBERCOSOFT/drum-machine.git - for SSH
  git clone https://github.com/LIBERCOSOFT/drum-machine.git - for HTTPS

Install

Install this project with:

 npm install

Usage

To run the project, execute the following command:

 npm start

(back to top)

👥 Authors

👤 Kolapo Precious Akinrinlola

• GitHub: @LIBERCOSOFT
• Twitter: @Gerfieldt
• Linkedin: @Kolapo Akinrinlola

(back to top)

🔭 Future Features

• Add more keys to the drum
• Add more keys to the piano

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

(back to top)