Skip to content
GitHub RepoPrivate Family Deployment
Bespoke Neurodivergent PWA & Medical Sync

LIAM'S MATCH DAY

LEVEL UP INDEPENDENCE

A bespoke football-first Progressive Web App that transforms daily routines, health tracking and supported living into an age-appropriate experience built around motivation, dignity and real life.

Core Principle: Technology should adapt to people. Not the other way around.
Liam's Match Day Hero Banner Graphic
Platform

Progressive Web App

Primary Focus

Independent Living

Architecture

Serverless Google Workspace

Design Method

Passion-to-Utility Translation

Project Overview

A GAMIFIED INDEPENDENT LIVING PLATFORM

Liam's Match Day was designed for a young adult navigating autism, epilepsy, learning disabilities and right-sided hemiplegia. It replaces the cold visual language of a care plan with an experience grounded in football, familiarity and personal identity.

Liam's Match Day interface showing fixtures, points, training tasks, schedule, weather, seizure tracking, team talk and pitch progress.

The central problem was not a lack of available reminders or checklists. It was the absence of a system Liam would genuinely want to open every day.

Standard independence tools often focus on compliance. They ask whether medication was taken, whether a room was tidied, or whether an appointment was attended. Liam's Match Day keeps those practical requirements, but translates them into the language of football so the experience feels personal rather than clinical.

Daily routines become Match Training. Medication becomes Training Supplements. Chores move into Extra Time. Seizures are recorded as Red Cards. Completed tasks build Performance Stats and a Transfer Budget. When redeeming points for real-world rewards, the app triggers an interactive 3D EA FC gold FUT pack card opening reveal animation accompanied by stadium fanfare audio.

Every task tap provides instant multisensory feedback: visual goal celebrations, device vibration haptics, and a synthesised Web Audio API referee whistle sound effect that makes every checkoff feel tactile and real.

The Design Shift

The platform starts with the question: what would make Liam want to use this? It does not begin with the convenience of a service provider.

Football-First Philosophy

SPEAK THE USER'S LANGUAGE

Football is not a decorative layer placed over a generic task manager. It is the organising language of the product. The terminology, progress model, rewards, visual feedback and motivational prompts all connect essential routines to something Liam already values.

This approach can be described as passion-to-utility translation: mapping practical, educational or health-related requirements into the language and reward structures of a person's established interest.

Age AppropriateDignity FirstEmotionally RelevantNon-Clinical
Passion-to-utility translation diagram showing how daily tasks, medication, chores, health events, progress and rewards become football-themed Match Day concepts.
"The product model was built around the user, rather than fitting the user into a pre-existing product model."

Football Translation Examples

Daily routines and hygiene
Match Training
Medication management
Training Supplements
Household chores
Extra Time
Seizure logging
Red Cards
Missed daily routines
Yellow Card Warning ("Booked by the Ref!")
Points and progress
Performance Stats and Transfer Budget
Functional Layers

ONE PLATFORM, SEVERAL PARTS OF DAILY LIFE

Each layer supports a different part of Liam's day while keeping the interaction model familiar and consistent.

1

Independence Engine

Large football-themed cards organise hygiene, routines and household tasks by time of day, featuring automatic midnight reset and an animated pitch progress bar.

2

Web Audio Whistle & Haptics

Synthesised Web Audio API referee whistle sound effects and device vibration haptics make every task checkoff tactile and rewarding.

3

Red Card Health & Seizure Layer

Red Card logging provides a quick, low-friction +/- counter with a 5-day history graph, strictly isolated from task scores to prevent health anxiety.

4

EA FC 3D Gold Pack Openings

Transfer Budget points unlock PlayStation credit rewards via interactive 3D EA FC gold FUT pack opening animations complete with stadium fanfare audio.

5

4-Team Scottish Match Centre

Live fixtures, league standings, starting XI lineups, and stadium details for Celtic, Falkirk FC, Stenhousemuir, and East Stirlingshire.

6

Yellow Card Nudges & Team Talk

When tasks aren't logged, a friendly "BOOKED BY THE REF!" Yellow Card caution banner appears. Instead of feeling like a punishment, it gently motivates Liam to return to the app, get back on the pitch, and complete today's routines.

7

Google Calendar & Travel Integration

Carers add appointments or days out to their own calendar and share them to Liam's account. Google Maps public transport routes are attached to events so Liam gets travel directions, departure times, and schedule info directly inside his app.

8

Live Pitch Weather Preparation

Real-time OpenWeatherMap conditions support practical self-care decisions such as clothing and gear before leaving home.

9

Falkirk Season Ticket & PWA

Digital Falkirk FC season ticket with real scannable QR code, custom Milton AFC icon, and offline Service Worker PWA support.

Technical Architecture

PRAGMATIC, TRANSPARENT AND MAINTAINABLE

The architecture deliberately favours low operational overhead, user-owned data and familiar tools over unnecessary infrastructure.

Technical architecture diagram for Liam's Match Day showing the React PWA, Google Apps Script backend, Google Sheets ledger, carer visibility and external integrations.

Google Workspace as Silent Infrastructure

Carers maintain their own routines using standard Google Calendar and Google Maps tools. When a new appointment, hospital visit, or day out is scheduled, sharing the event or public transport route automatically pushes the data into Liam's account.

Liam's Match Day acts as his primary default interface, rendering shared calendar events and Google Maps travel routes as clean, accessible Match Day schedules. Google Workspace operates silently in the background as the backup and API integration layer.

ReactTypeScriptViteTailwind CSSZustandGoogle Apps ScriptGoogle SheetsGoogle CalendarTheSportsDB APIOpenWeatherMap

Architecture Component Matrix

React, TypeScript and ViteFast, component-based user interface and installable PWA.
Zustand and local storageLocal state and resilience during temporary connectivity loss.
Google Apps ScriptServerless data operations, validation and key security proxies.
Google SheetsUser-owned operational ledger for tasks, health, points and settings.
External APIsLive Scottish football fixtures and weather condition updates.
Implementation Highlight

Single-Pass Cloud Ledger & Synthesised Audio Haptics

Apps Script & Web Audio API
// Google Apps Script: Single-pass batch sync
function doPost(e) {
  const lock = LockService.getScriptLock();
  lock.tryLock(10000);
  try {
    const data = JSON.parse(e.postData.contents);
    const sheet = SpreadsheetApp.getActive()
      .getSheetByName(data.targetSheet);
    
    // Single-pass append preventing race conditions
    sheet.appendRow([
      new Date(), 
      data.taskId, 
      data.points, 
      data.category
    ]);
    return ContentService
      .createTextOutput(JSON.stringify({ status: "OK" }));
  } finally {
    lock.releaseLock();
  }
}
// Web Audio API: Synthesised Referee Whistle
export function playRefereeWhistle() {
  const ctx = new (window.AudioContext || 
    window.webkitAudioContext)();
  const osc = ctx.createOscillator();
  const gain = ctx.createGain();
  
  osc.type = "sine";
  osc.frequency.setValueAtTime(2800, ctx.currentTime);
  osc.frequency.exponentialRampToValueAtTime(
    2200, ctx.currentTime + 0.15
  );
  
  gain.gain.setValueAtTime(0.3, ctx.currentTime);
  gain.gain.exponentialRampToValueAtTime(
    0.01, ctx.currentTime + 0.15
  );
  
  osc.connect(gain);
  gain.connect(ctx.destination);
  osc.start();
  osc.stop(ctx.currentTime + 0.15);
}
Accessibility-first design infographic showing Liam's Match Day interface with large touch targets, simple interactions, immediate feedback, forgiving controls and reduced cognitive load.
Accessibility-First Design

DESIGNED AROUND THE PERSON

Accessibility is treated as an interaction and architecture problem, not a checklist added after the interface was finished. The design responds directly to Liam's cognitive profile and right-sided hemiplegia.

  • Large touch targets support limited motor precision.
  • Simple tap interactions minimise typing and navigation effort.
  • Multisensory feedback: visual goal animations, device vibration haptics, and synthesised Web Audio API referee whistle sound effects.
  • Interactive 3D EA FC gold FUT pack card opening animation & stadium fanfare when redeeming reward contract points.
  • Undo options make accidental interactions easy to correct without frustration.
  • High-contrast sections support visual scanning.
  • A flat structure keeps key actions close to the surface.
Accessibility Principle

A forgiving interface reduces the cost of mistakes. It supports confidence instead of punishing imperfect interaction.

Dignity and Autonomy

VISIBILITY WITHOUT SURVEILLANCE

The system gives carers the information they need without requiring them to take over Liam's device or digital space.

Shared support diagram showing Liam using his own device and Google account while carers receive relevant updates through a shared Google Sheets ledger.

Liam remains the primary actor in his own system. His account, his device, his data and his routines remain centred throughout the architecture.

Carers can review task completion, points, appointments and health trends from their own devices through shared access. They do not need to borrow Liam's phone, look over his shoulder or become the sole keeper of his information.

This creates a practical balance between independence and support. The architecture preserves adult autonomy while keeping vital information available when it is genuinely needed.

Market Context

WHERE LIAM'S MATCH DAY FITS

Research into assistive technology found an active market of visual planners, caregiver-supported tools and gamified habit trackers, but few products combine these approaches through deeply personalised, passion-led design.

Clinical Schedule Tools

Specialist products can provide strong visual structure and caregiver support, but often retain a formal or service-led interaction model.

Featured Solution

Liam's Match Day

A bespoke system combining visual scheduling, health tracking, caregiver visibility, live sports data and a fully personalised football metaphor.

Generic Gamified Apps

Products such as fantasy trackers or virtual pets make routines more engaging, but the theme and interaction world are defined by the product.

The Transferable Innovation

Football is the implementation, not the limit of the idea. The same architecture could be built around music, gaming, trains, animals, art, motorsport or any other meaningful interest.

The reusable method is to identify the world that already matters to the person, then translate routines, progress, feedback and support into that world without compromising dignity or safety.

Project Impact

INDEPENDENCE THROUGH DESIGN

Liam's Match Day demonstrates how personalised architecture can make support tools feel less like work and more like something worth returning to.

PERSONAL

Built around Liam's actual interests, identity and support needs.

PRACTICAL

Uses low-cost, maintainable tools that family and carers can understand.

DIGNIFIED

Supports visibility and safety without turning independence into surveillance.

"When technology is designed around what a person loves rather than what they lack, the relationship with the tool can change completely."