Personal Record is a simple web app to log your running workouts. This side-project of mine is my first full-stack application: I’m responsible for the whole thing, end-to-end: API design, back-end code (Node, Express, Mongoose) and front-end (React, SCSS modules).

Working as part of a small team on a tight schedule, we built a modern JAMstack site to launch the new brand of Juno College of Technology. Developed with Gatsby, Contentful and Netlify, the new junocollege.com is beautiful, fast, and an essential part of the school’s identity.

A digital toy, based on a popular children’s favourite: light up the bulbs in different colours to make a picture, save your creations and load them back later! It’s fully responsive, with a smaller drawing area on mobile, and uses Firebase for the save/load functionality.

A vaporwave dungeon adventure where the player must navigate a maze to reach The Wise Mist, an all-knowing glowing cloud that dispenses fortunes. Built in React with a call to the Advice API to provide the Wise Mist’s fortune-telling ability.

A paired programming project. Using an API call to get data from the City of Toronto’s amazing Open Data initiative, we built a web application that maps every cooling centre the City opens to provide relief when a Dangerous Heat Alert is declared. Sadly, the City has since cut the cooling centre program, which is why there’s no live link on this one.

Site design and implementation for the Running Rats, a Toronto-based running club. Built to be lightweight, easy to update, stylish and friendly: semantic HTML, SCSS, and minimal JavaScript.

A handy tool to generate typographic scales, so developers can make projects that are visually harmonious without needing design training. Choose a scale and a typeface (dynamically loaded from Google Fonts), and the generator will calculate the sizes for all heading levels, body copy and small text, and allow the users to copy the CSS for their own use with one click.