Projects

Dot Match Dot Match

A match-three game where you align dots of the same colour to score points. Built with HTML Canvas and TypeScript, using a simple NoSQL database to store high scores and feature requests. Hosted on Google Cloud.

TypeScript Python Flask Cloud Run Firestore
Wet Bulb Calculator Wet Bulb Calculator

A single-component web app that takes temperature and humidity values and returns a ‘wet bulb temperature’ - the temperature the body can reach with evaporative cooling. Built with Angular, using Chroma.js to create gradients.

Angular Chroma.js
Day Visualizer Day Visualizer

A simple web app that shows how much of the day is nighttime and how much is daytime. Allows users to change the time and location to see how day length changes depending on where and when in the world you are. Built with Angular, using Google Maps API for location logic.

Angular Google Maps API

Message Map

2021 - 22

Message Map Message Map

A tool to explore your Facebook Messenger data. View all your messages in their totality, then zoom all the way in to specific messages. See summaries for, and filter by chat, sender, and a few other criteria. A fork of the original project by a pair of French students. Refactored into Angular, using Material UI component library, NgRx (Redux) for state management, and D3.js for data visualization.

Angular Angular Material NgRx D3