Skip to content

webbydevvy/DigiDrum

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Digidrum

Introduction 👋

Welcome to my repo for the Vanilla JS coding challenge, day 1!

My task was to create an interactive web interface for a playable drumkit - using events, keycodes, transformations, and transitions.

The tutorial for the 30-day challenge can be found HERE!


Installation 💾

  1. Please fork and clone this repository to your local host.

  2. Open digidrum.html in your browser of choice.

  3. Use the middle row of your keyboard to generate live drumkit sounds!


Tech Stack 💻

  • Atom IDE.
  • Vanilla JavaScript.
  • CSS & HTML.

Demo Reel 🎥

DigiDrumClip