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

Build a Drum Machine | freeCodeCamp
https://github.com/thuyencode/drum-machine

freecodecamp react

Last synced: 7 months ago
JSON representation

Build a Drum Machine | freeCodeCamp

• Host: GitHub
• URL: https://github.com/thuyencode/drum-machine
• Owner: thuyencode
• Created: 2023-06-27T03:46:03.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-04T16:16:24.000Z (over 2 years ago)
• Last Synced: 2025-01-25T22:58:36.647Z (about 1 year ago)
• Topics: freecodecamp, react
• Language: TypeScript
• Homepage: https://thuyencode.github.io/drum-machine/
• Size: 372 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Drum Machine | A project for freeCodeCamp

[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com) ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![Vite](https://img.shields.io/badge/Vite-ffab03?style=for-the-badge&logo=vite&logoColor=white) [![freeCodeCamp](https://img.shields.io/badge/Built%20for-freeCodeCamp-1f425f.svg?style=for-the-badge&logo=freecodecamp&logoColor=white)](https://freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine)

[![Drum Machine's responsive design](https://i.ibb.co/Bq6R5m8/Screenshot-20230705-235216.png)](https://ibb.co/f4N7zbm)

## How to play with this project

```text

git clone https://github.com/thuyencode/drum-machine

cd drum-machine

npm i && npm run dev

```

If you want the production build:

```text

npm run build

npm run preview

```