Chug-JS

React, Typescript, Web Audio, Tailwind

Main project image

A guitar distortion pedal for the web

Visit the project ↗

As a guitar nerd, it was only a matter of time before coding and music came together in the form of a project.

I have been interested in coding audio plugins for a while, learning C++ and testing various new frameworks. I decided to take a break from the agony of learning a new programming language and decided to look into the one I’m most proficient in - Javascript.

After a lot of experiments, failures, some math that’s still not really clicking in my head, I came up with Chug-JS - a distortion pedal for the web.

The project was an exercise in using the Web Audio APIs and node chains for processing audio.

The pedal includes the usual gain and distortion controls along with a 3-band eq, noise gate and cabinet simulation.

I have a small roadmap in my head for some updates, including different distortion modes which will give more flexibility in tone creation.