Back to Projects
completed intermediate Duration: 1 year

Drum Machine - Trumma

Interactive drum machine built for FreeCodeCamp certification

View Code Live Demo
Tweet Share
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