Virtual Drum Pad

This project is a virtual drum keyboard that allows users to play instrument sounds through clicks or keyboard interactions.

Table of Contents

1. About the Project
2. Technologies Used
3. File Structure
4. Installation
5. Usage
6. Contributing
7. License

About the Project

The Virtual Drum Pad is an interactive application built with HTML, CSS, and JavaScript. It is responsive and provides an intuitive way to create drum sounds.

Technologies Used

• HTML5: Content structure.
• CSS3: Styling and responsiveness.
• JavaScript: Interactive functionality.

File Structure

│
├── css/
│   ├── reset.css     # Style reset
│   └── estilos.css   # Project styles
├── img               # Image assets
├── sounds/           # Audio files
│   ├── keyq.wav
│   ├── keyw.wav
│   ├── keye.wav
│   └── ...
├── index.html        # Main structure of the application
├── main.js           # Main script
│── screenshots
├── leia-me.md        # Portuguese version of the README
├── license           # Project license
└── readme.md         # Documentation file (in English)

Installation

Follow the steps below to clone and run the project:

1. Clone this repository:

   git clone https://github.com/adrianovital-dev/virtual-drum-pad-js.git
   

2. Navigate to the project directory:

   cd virtual-drum-pad-js
   

3. Open the index.html file in a browser of your choice.

Usage

• Click the buttons to hear the sounds corresponding to the instruments.
• Use the Space or Enter keys to activate the buttons via the keyboard.

Contributing

Contributions are always welcome! Feel free to submit suggestions or improvements via a pull request.

License

This project is licensed under the MIT License. For more details, refer to the LICENSE file.