Day 10 | Street Food of Mexico City
An interactive data visualization tracing 700 years of Mexico City street food history from pre-Columbian tamales to contemporary tacos de guisado, with hover-revealed origin stories for each dish.
Built with HTML, CSS, JavaScript
Day 10 | Street Food of Mexico City
An interactive data visualization tracing 700 years of Mexico City street food history from pre-Columbian tamales to contemporary tacos de guisado, with hover-revealed origin stories for each dish.
Built with HTML, CSS, JavaScript
Day 9 | Textiles of Guatemala
An explorable regional guide to Guatemala's living weaving traditions, mapping the distinct patterns, colors, and symbolic motifs of Maya communities across all 22 departments.
Built with HTML, CSS, JavaScript, SVG, Canvas API, Google Fonts
Day 9 | Textiles of Guatemala
An explorable regional guide to Guatemala's living weaving traditions, mapping the distinct patterns, colors, and symbolic motifs of Maya communities across all 22 departments.
Built with HTML, CSS, JavaScript, SVG, Canvas API, Google Fonts
Day 8 | GSAP Split Text
A fun scroll animation using GSAP and SplitText that breaks apart "Bye Bye" letter by letter and puts it back together when you scroll up.
Built with HTML, CSS, GSAP, ScrollTrigger
Day 8 | GSAP Split Text
A fun scroll animation using GSAP and SplitText that breaks apart "Bye Bye" letter by letter and puts it back together when you scroll up.
Built with HTML, CSS, GSAP, ScrollTrigger
Day 7 | Saturday Sweets
An interactive Scandinavian-styled Swedish candy shop inspired by a trip to Malmö, Sweden, centered around Lördagsgodis (Saturday sweets), the Swedish tradition where, to encourage dental health, both children and adults enjoy sweets specifically on Saturdays.
Built with HTML, CSS, Vanilla JavaScript
Day 7 | Saturday Sweets
An interactive Scandinavian-styled Swedish candy shop inspired by a trip to Malmö, Sweden, centered around Lördagsgodis (Saturday sweets), the Swedish tradition where, to encourage dental health, both children and adults enjoy sweets specifically on Saturdays.
Built with HTML, CSS, Vanilla JavaScript
Day 6 | Time Drift
A scroll-based Copenhagen scene where time drifts quietly through light and color.
Built with Claude + HTML, CSS, JavaScript, Canvas API, Web Audio API
Day 6 | Time Drift
A scroll-based Copenhagen scene where time drifts quietly through light and color.
Built with Claude + HTML, CSS, JavaScript, Canvas API, Web Audio API
Day 5 | Breath as Input
A breath controlled visual experience that responds as you breathe.
Built with Claude + HTML, CSS, JavaScript, Web Audio API, Canvas API
Day 5 | Breath as Input
A breath controlled visual experience that responds as you breathe.
Built with Claude + HTML, CSS, JavaScript, Web Audio API, Canvas API
Day 4 | Techno Hand Synth
A gesture-controlled techno synthesizer that turns hand movement into live, distorted rhythm and sound.
Built with Claude + HTML (Web Audio API + MediaPipe Hands).
Day 4 | Techno Hand Synth
A gesture-controlled techno synthesizer that turns hand movement into live, distorted rhythm and sound.
Built with Claude + HTML (Web Audio API + MediaPipe Hands).
Day 3 | Topography
Experimental typographic landscape where letters behave like terrain during a snow day.
Built with: Figma Make
Day 3 | Topography
Experimental typographic landscape where letters behave like terrain during a snow day.
Built with: Figma Make
Day 3 | Aurora Now
Aurora Now guides you to the best place to see the Northern Lights at this moment.
Built with: Figma Make
Day 3 | Aurora Now
Aurora Now guides you to the best place to see the Northern Lights at this moment.
Built with: Figma Make
Day 1 | Is this Gentrified Yet?
Is This Gentrified Yet? reframes a familiar New York joke as a quiet, reflective experience. Presented like a civic tool, it uses deadpan prompts about everyday neighborhood signals to show how small changes accumulate, making gentrification easier to notice and discuss.
Built with: Figma Make
Day 1 | Is this Gentrified Yet?
Is This Gentrified Yet? reframes a familiar New York joke as a quiet, reflective experience. Presented like a civic tool, it uses deadpan prompts about everyday neighborhood signals to show how small changes accumulate, making gentrification easier to notice and discuss.
Built with: Figma Make