webbydevvy / DigiDrum

A JavaScript web-app drumkit.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A JavaScript web-app drumkit.


Languages

Language:HTML 76.8%Language:CSS 23.2%