Skip to content

Add DrumKit Project #247

@PThanushree

Description

@PThanushree

Hello! I’d love to contribute to the DrumKit project.
I noticed that while the app plays basic drum sounds, there’s room to enhance the experience with additional features and visual improvements.

💡 Proposed Changes

Add more drum sounds (e.g., crash cymbal, tom-tom, ride).
Implement smooth key press animations when a user clicks or presses a key.
Make the layout responsive for mobile and tablet screens.
Optionally, add a simple volume control slider.

🧩 Why This Would Help
These updates will make the DrumKit app feel more realistic, interactive, and user-friendly — especially for mobile users.

⚙️ Technical Approach

Add new sound files (.mp3) to the sounds/ folder.
Map them to new keys in JavaScript.
Use CSS transitions for button/key animations.
Test responsiveness with Flexbox or CSS Grid.

@ghostmkg I like to contribute this project, do assign this to me under HactoberFest'25 including all badges.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions