Snapshots In Time

Snapshots In Time is a web-based educational game where players arrange Canadian historical events in chronological order on a timeline. Built as the digital companion to an established physical card game used in classrooms across Canada, it brings the same learning experience online — with features that a physical deck can't offer.

The Problem

Snapshots In Time had a successful physical card game used by educators across Canada to teach history through play. They wanted a digital version that could reach students learning remotely, support bilingual classrooms, and give teachers visibility into how their students were performing — none of which a physical deck could do. They hired Blueprint Agencies to manage the project, and Blueprint brought me on as the developer.

What I Built

A responsive web application that faithfully recreates the card game's mechanics while adding digital-only features. Players drag event cards onto a timeline, and each correct placement earns points. Three wrong placements and the game ends. Behind the scenes, I built an educator dashboard that lets teachers create custom game sessions — filtering by time period, theme, or specific curriculum requirements — and track student results with analytics.

Key Features

• Two game modes — Free play for casual learning and classroom mode for structured sessions
• Educator dashboard — Teachers create custom games tailored to specific themes, time periods, or curricula, then track student results and adjust difficulty
• Game analytics — Teachers can see which events students struggle with most, informing how they teach those topics
• Bilingual support — Full English and French language support for Canadian classrooms
• Responsive design — Works on tablets, laptops, and classroom smart boards using TailwindCSS
• Client collaboration — Built to the client's specifications for a physical product they know intimately, with iterative feedback throughout

My Role

Subcontractor via Blueprint Agencies. I was the sole developer on the project, responsible for the full build — architecture, frontend, backend, and deployment. Blueprint managed the client relationship and project coordination; I handled all the technical execution.