# Drum Kit

An interactive drum kit web application that allows users to play drum sounds using keyboard keys or mouse clicks. This project demonstrates JavaScript event handling, DOM manipulation, and basic audio integration.

## 🌐 Live Demo
Try the application here:  
👉 https://karthik-004.github.io/DRUM_KIT/

## Overview
The Drum Kit project simulates a real drum set in a web browser. Each button is mapped to a specific drum sound, providing instant audio feedback when triggered by keyboard or mouse input.

## Key Features
- Play drum sounds using keyboard keys
- Mouse click support for each drum button
- Real-time audio feedback
- Simple and interactive user interface
- Responsive design for different screen sizes

## Technology Stack
- HTML5
- CSS3
- JavaScript (ES6)

## Getting Started

### Prerequisites
A modern web browser (Chrome, Edge, Firefox, etc.)

### Installation
1. Clone the repository:
   ```bash
   git clone https://github.com/KARTHIK-004/DRUM_KIT.git

2. Navigate to the project directory:

   cd DRUM_KIT

3. Open index.html in your browser to start playing.

Project Structure

DRUM_KIT/
├── index.html
├── styles.css
├── script.js
├── sounds/
└── README.md

Use Case

This project is ideal for learning and practicing:

• JavaScript event listeners
• DOM manipulation
• Handling keyboard and mouse events
• Integrating audio in web applications

License

This project is open-source and intended for educational and personal use.

---

⭐ If you like this project, consider giving it a star on GitHub!