MENU

GET IN TOUCH

adwaheed1990@gmail.com
Back

Drum Kit App

Year

2021

Tech & Technique

HTML5, CSS3, JavaScript

Description

Created an interactive Drum Kit web app that allows users to play drum sounds by clicking buttons or pressing keyboard keys. Built with HTML, CSS, and JavaScript, the app provides an engaging and responsive user experience.

Key Features:
  • 🥁 Play drum sounds via mouse clicks or keyboard key presses
  • 💻 Interactive and responsive design
  • 👌 Simple and intuitive user interface
  • ⚡ Fast audio playback for real-time interaction

Technical Highlights:
  • Developed with vanilla JavaScript for audio control and event handling
  • Styled using CSS for a clean and responsive layout
  • Ensured smooth and immediate response to user input
  • Compatible across modern browsers

My Role

Frontend Developer
Responsibilities included:
  • 🎨 Built the interactive Drum Kit using HTML, CSS, and JavaScript
  • 🔄 Implemented event listeners for both clicks and key presses
  • 💻 Designed a responsive and accessible UI
  • ⚡ Tested for performance and cross-browser compatibility

Project Images

ADILWAHEED

adwaheed1990@gmail.com