Skip to content

This is an AI-powered Drum Kit web app made using HTML, CSS, and JavaScript (DOM).

License

Notifications You must be signed in to change notification settings

Pavan-nagesh/DrumAI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ₯ 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

image


πŸ‘¨β€πŸ’» Thank You

About

This is an AI-powered Drum Kit web app made using HTML, CSS, and JavaScript (DOM).

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published