🥁 DrumAI – Smart Drum Kit with AI Rhythm Teaching Mode

Developed a smart and interactive web-based drum kit that combines fun with learning. You can play real drum sounds using your keyboard or mouse, get AI-generated rhythm suggestions, and follow a teaching mode that visually guides you through practice patterns. It's perfect for beginners, hobbyists, and anyone who loves rhythm.

• Used advanced JavaScript i.e The Document Object Model and HTML,CSS to create the website.

---

🎵 Features

• 🎹 Keyboard & Mouse Support – Play drums using key presses or clicks
• 🧠 AI Rhythm Suggestions – Automatically generates creative practice rhythms
• 🎯 Teaching Mode – Highlights buttons to guide you through rhythms step-by-step
• 🛑 Stop Button – Interrupt any active rhythm playback or teaching sequence
• 🖼️ Drum Images – Visually themed buttons for a more realistic experience
• 📱 Responsive Design – Works well on both desktop and mobile browsers

---

🔗 Link

Deployed on :- https://pavan-nagesh.github.io/DrumAI/

---

🖼️ Snapshots

---

👨‍💻 Thank You