Projects

 

Activity Dashboard

March 2026

A personal cycling dashboard that gives me a single place share how my training and recovery are trending. I wanted something beyond what Strava or any single app could show me, which is a unified view that pulls together the data I actually care about day-to-day. This was a project that allowed me to experiment with Claude Code.

The dashboard aggregates data from the Strava and Intervals.icu APIs to display recent rides with photos and video, fitness and fatigue modeling, heart rate variability, sleep tracking, a wellness heatmap, heart rate zone distribution, and upcoming race countdowns. It's built with Next.js, React, TypeScript, Recharts, and Tailwind CSS, with server-side rendering and hourly caching to keep things current without burning through API rate limits.


Childgarden Preschool & Discoveries - Website Redesign

January 2020 - June 2023

Childgarden Preschool & Discoveries is a preschool and learning centre in Port Moody, BC. Childgarden had a Squarespace website that needed to be revamped, not only from an updated user experience but also updated content structure and publishing techniques. The new website design is based on the Om theme, with a thought that “less is more” vs. their previous experience.

The new website also better highlights student and parent experience as well as accomplishments and accreditation. This website redesign was completed as a pro bono project. Please visit childgarden.ca to see the new website live!


thehansens.png

The Hansen’s Family Website

September 2020 - March 2022

A simple website on Squarespace to provide updates to our friends and family as to what the Hansen family is up to. We don’t frequent social media that often, so building a clean, compact, easy to view website was key for us to be able to provide others a glimpse into our daily lives.


Time Capsule 2000 - Dylan Hansen

December 2020

I came across an old single-page website from my high school days that I wanted to host online for others to see. I decided to use GitHub Pages as a simple way to host these files and have an artifact that I can share with others and look back on. Don’t run this page through an HTML validator!