/DigiDrum

A JavaScript web-app drumkit.

Primary LanguageHTML

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