All works

Beat Maker

A step sequencer for drum loops, with kick, snare and hi-hat tracks.

  • JavaScript
Screenshot of Beat Maker

A small drum machine in the browser. Click pads to build a pattern and it loops.

What it does

  • Three tracks (kick, snare and hi-hat) on an eight-step grid
  • Change the tempo while it plays
  • Pick a different sample for each track from a library of 808, acoustic and electronic sounds
  • Mute any track

How it’s built

Vanilla JavaScript and the HTML audio element. No libraries.

More projects

Screenshot of Todo App

Todo App

A todo list in React that keeps your tasks in local storage.

  • React
OfflineScreenshot of Recipe Search

Recipe Search

Search recipes by ingredient or dish, with results from the Edamam food API.

  • React
  • Edamam API
Screenshot of Discord Clone

Discord Clone

Discord-style channels and real-time chat, with Google sign-in.

  • React
  • Redux
  • Firebase