TypeScriptArchived2023

HMHC

A health and wellness-oriented TypeScript application with a focus on accessible UI patterns and user-centred data presentation.

Screenshot of HMHC

Overview

HMHC (Health Metrics & Health Coaching) is a patient-facing web app prototype designed for use by community health workers. It surfaces health metrics in a digestible format, supports appointment scheduling, and is built from the ground up with WCAG 2.1 AA accessibility standards — including full screen-reader support and keyboard navigation.

Highlights

  • WCAG 2.1 AA accessibility throughout
  • Full keyboard navigation and screen-reader support
  • Appointment scheduler with conflict detection
  • Figma design system with 40+ components

Tech Stack

TypeScriptReactTailwind CSSAccessibilityFigma