BeatMaker

BeatMaker is an interactive web-based drum machine that allows you to create beats using a variety of drum sounds. With an intuitive interface and responsive design, it's perfect for music producers, DJs, and anyone who wants to experiment with rhythm and music production right in their browser.

Live Demo

🎵 Features

• 16-Pad Drum Machine - Play 16 different drum sounds with a simple click or keyboard shortcuts
• Tempo Control - Adjust the BPM to match your desired rhythm
• Active Pad Highlighting - Visual feedback for active pads
• Responsive Design - Works on both desktop and mobile devices
• Keyboard Support - Use your computer keyboard to trigger sounds
• Modern UI/UX - Clean and intuitive interface with smooth animations
• High-Quality Samples - Professionally recorded drum sounds

🚀 Getting Started

Option 1: Use Online

Simply visit the live demo to start creating beats instantly.

Option 2: Run Locally

1. Clone the repository:

   git clone https://github.com/adarshnjena/BeatMaker.github.io.git

2. Navigate to the project directory:

   cd BeatMaker.github.io

3. Open index.html in your web browser
4. Start creating beats by clicking the pads or using your keyboard (Q-P, A-L, Z-M, 1-4)

🛠️ Development

Technologies Used

• HTML5, CSS3, and Vanilla JavaScript
• Web Audio API for sound processing
• CSS Grid and Flexbox for responsive layout

🤝 Contributing

Contributions are welcome! If you'd like to contribute, please:

1. Fork the repository
2. Create a new branch for your feature
3. Commit your changes
4. Push to the branch
5. Open a pull request

🐛 Reporting Issues

Found a bug or have a feature request? Please open an issue on GitHub.

📄 License

This project is licensed under the MIT License.

🙏 Acknowledgements

• Drum samples from various free sources
• Inspired by devEd's tutorials
• Thanks to all contributors who have helped improve this project

---

🎧 Happy Beat Making! 🥁