CodePen Weekly Challenges

A collection of CodePen experiments created for CodePen’s weekly challenges. My background in music allowed me to base each challenge submission around music, exploiting an underused feature in web development: music and audio.

The collection includes:

• generative music based on prime numbers
• an implementation of the bubble sort algorithm represented using tones
• an infinitely random starfield where every star creates a tone based on the star’s Y position
• a visual representation of Steve Reich’s ‘Piano Phase’ using planet orbits
• a beat creation system where each portion of the beat is represented by a component of a hamburger.

Every project was implemented using Vue for logic and SCSS for styling. The source code for all of the projects is available for perusal at the CodePen links provided.