Back to Quest Log
Case Study

Snapshots In Time

Digital companion to a physical Canadian history card game used in classrooms nationwide. Built as subcontractor via Blueprint Agencies. Includes educator dashboard, analytics, and bilingual support.

Laravel TailwindCSS Responsive Design
Snapshots In Time screenshot

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

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.

Tech Stack

Laravel TailwindCSS Responsive Design

Like What You See?

Let's discuss how I can build something like this for your business.