This project is a responsive web application that allows users to play drum sounds using the keyboard or by clicking on the drum pads. This project was built as part of the freeCodeCamp Front End Libraries Certification. The goal was to build a drum machine with React.
- Responsive design: Drum machine adapts to any screen size, ensuring a consistent and enjoyable experience for all users.
- Sleek and modern UI: Tailwind CSS provides a beautiful and intuitive user interface.
- Efficient and performant: Vite.js ensures fast loading times and a smooth experience.
Welcome to Drum machine, a simple and intuitive pomodoro timer built with React.js, Vite.js, and Tailwind CSS.
Here's a closer look at the tech stack:
- Front-End: React.js, Vite.js, Tailwind CSS
- Back-End: N/A
- Deployment: Vercel
To get started with Drum machine, simply clone the repository and follow the setup instructions. You'll be up and running in no time!
- Clone the repo
- Install dependencies
npm install
- Start the development server
npm run dev
- Open http://localhost:5173/ with your browser to see the result.
I welcome contributions to the Drum machine! Feel free to fork the repository and submit pull requests with your improvements.
Drum machine is licensed under the MIT License.
I hope you enjoy using the Drum machine!
Resources list that I find helpful and would like to give credit to.
(👆 Top 👆)