We create an interactive drumkit with sound on a landing page.
The project has been requested by DOMBoom, a musical instrument company.
The goal is to promote an electronic drum kit as the star sales product of the company.
1) Desktop version.
2) Mobile version.
3) Overlay each button on the drum pads and be responsive.
4) Each pad should emit sound once we click on it.
.jpeg?table=block&id=09b0ce40-d3df-4022-aae2-9b423005663d&spaceId=b1698d55-b015-4275-96b0-7b32bc5e291c&width=2000&userId=&cache=v2)
- Figma
- Visual Studio Code
- Trello
- Git / GitHub
- HTML
- CSS
- Javascript
- Responsive design ( Html - Css)
- Position absolute - relative ( Css)
- Alineacion - flex, grid
- pseudoclases ( Css)
- Box Model ( Html - Css)
- Events and event Handler (Javascript)
- Funciones (Javascript)
- DOM (Javascript - HTML)
Documentation
Demo
Prototype