← Back to Projects
completed intermediate Created

Drum Machine - Trumma

Interactive drum machine built for FreeCodeCamp certification

GitHub Live Demo
Twitter LinkedIn Facebook
Screenshot of Trumma Drum Machine

Built an interactive drum machine for FreeCodeCamp's front-end certification. Features multiple drum pads, keyboard support, and volume control. Learned the intricacies of the Web Audio API.

Key Features

  • 9 drum pads with unique sounds
  • Keyboard support (Q,W,E,A,S,D,Z,X,C)
  • Visual feedback on press
  • Volume control
  • Display current sound
  • Responsive layout

Challenges

  • Audio file loading and buffering
  • Simultaneous sound playback
  • Keyboard event conflicts
  • Mobile touch optimization
  • Volume control implementation