Vi Track

Inspiration

The inspiration for Vivirion stems from a critical gap in the Canadian healthcare landscape: the transition from clinical advice to household action. For families managing complex journeys like dementia or pediatric developmental milestones, the "what now?" moment after a diagnosis is often met with scattered sticky notes, overwhelming PDFs, and frantic group chats.

As a student at Wilfrid Laurier University pursuing a dual degree in Computer Science and Psychology, I wanted to combine my technical background with a deep understanding of human cognition. I realized that caregiving isn't just a medical challenge; it’s a high-stakes project management challenge. We built Vi Track to be the "Caregiver’s Co-Pilot"—turning unstructured AI guidance into a structured, collaborative dashboard that reduces the cognitive load on families.

What it does

The project was designed as a modular ecosystem where each component feeds into the next, moving from education to execution.

The Intelligence Layer (Vi Nav): We utilized Gemini 3 Flash to build a custom parsing engine. This engine takes raw, unstructured text roadmaps and converts them into a strict, validated JSON schema.

How I built it

The Frontend (Next.js & Tailwind): The dashboard was built using React and Next.js, prioritizing a "Healthcare-Safe" design system. We used soft blues and greens—derived from our existing Vi Learn and Vi Connect branding—to create an empathetic, low-stress user interface.

The Data Layer (Supabase): To handle the "Circle of Care," we implemented Supabase for real-time synchronization. This allows multiple family members to see task updates and "Pulse" logs (mood and vitals) instantly.

State-Driven UI: The dashboard is entirely data-driven. Using a standardized JSON structure, the UI dynamically maps through milestones and tasks: