https://github.com/libercosoft/drum-machine
A reactjs-drum machine
https://github.com/libercosoft/drum-machine
Last synced: 2 months ago
JSON representation
A reactjs-drum machine
- Host: GitHub
- URL: https://github.com/libercosoft/drum-machine
- Owner: LIBERCOSOFT
- License: mit
- Created: 2019-07-23T22:13:58.000Z (almost 7 years ago)
- Default Branch: development
- Last Pushed: 2023-07-20T09:44:08.000Z (almost 3 years ago)
- Last Synced: 2025-03-12T04:44:46.283Z (over 1 year ago)
- Language: JavaScript
- Size: 679 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Drum Machine ](#-drum-machine-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing](#-contributing)
- [Show your support](#show-your-support)
- [📝 License](#-license)
**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
Client
- **User can switch between a drum and paino**
- **User can click on the keys onsreen or through the keyboard**
- [Live Demo Link](https://drum-machine-libercosoft.netlify.app/)
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:
```sh
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:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
npm start
```
👤 **Kolapo Precious Akinrinlola**
- GitHub: [@LIBERCOSOFT](https://github.com/LIBERCOSOFT)
- Twitter: [@Gerfieldt](https://twitter.com/Gerfieldt)
- Linkedin: [@Kolapo Akinrinlola](https://www.linkedin.com/in/kolapo-akinrinlola-072097110)
- [ ] **Add more keys to the drum**
- [ ] **Add more keys to the piano**
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/LIBERCOSOFT/drum-machine/issues)
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./LICENSE) licensed.