https://github.com/abreuclariana/drum-sounds-project
Drum Sounds Project
https://github.com/abreuclariana/drum-sounds-project
css3 html5 javascript
Last synced: 4 months ago
JSON representation
Drum Sounds Project
- Host: GitHub
- URL: https://github.com/abreuclariana/drum-sounds-project
- Owner: abreuclariana
- Created: 2024-11-22T17:29:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-31T19:23:30.000Z (over 1 year ago)
- Last Synced: 2025-06-30T22:41:14.185Z (11 months ago)
- Topics: css3, html5, javascript
- Language: JavaScript
- Homepage:
- Size: 545 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drum Sounds Project 🥁
**Drum Sounds Project** é um projeto interativo que simula um conjunto de tambores no navegador. Ele permite que o usuário toque sons de bateria tanto ao clicar nos botões quanto ao pressionar as teclas correspondentes no teclado. Além disso, os botões mudam de cor aleatoriamente ao serem clicados, tornando a experiência ainda mais divertida e dinâmica! 🎨🎶
---
## 🚀 Funcionalidades
- **Sons de bateria:** Clique nos botões ou pressione as teclas correspondentes para tocar diferentes sons de tambores.
- **Mudança de cores:** Cada clique gera uma cor aleatória nos botões, criando um visual vibrante.
- **Animação dos botões:** Os botões ganham uma animação temporária ao serem pressionados.
---
## 🖼 Demonstração

---
## 📂 Estrutura do Projeto
---
## 🛠 Tecnologias Utilizadas
- **HTML5**
- **CSS3**
- **JavaScript**
- **Áudios MP3**
---
## 🔧 Como Instalar e Executar o Projeto
1. Clone este repositório e depois navegue até o diretório:
```bash
git clone https://github.com/seu-usuario/drum-sounds-project.git
cd drum-sounds-project
---
🎯 Como Usar
Abra o projeto no navegador.
Clique nos botões ou pressione as teclas correspondentes para reproduzir os sons:
W: Som do Tom 1
A: Som do Tom 2
S: Som do Tom 3
D: Som do Tom 4
J: Som da Caixa
K: Som do Prato
L: Som do Bumbo
Divirta-se criando seus próprios ritmos! 🥁
🌟 Contribuição
Sinta-se à vontade para abrir issues ou enviar pull requests. Sugestões e melhorias são sempre bem-vindas!
👩💻 Desenvolvido por
Clariana Abreu
Ex-militar, apaixonada por programação e focada em criar projetos interativos e didáticos.
📜 Licença
Este projeto é de uso livre para fins educacionais e pessoais.
Se utilizar este código, considere deixar uma estrela ⭐ no repositório!
Gostou ou quer ajustar algo? 😊