MedTrack is a Laravel-based health tracking application designed specifically for seniors and their caregivers. It features accessibility-first design, trauma-informed UX, and integration with the MedTrack MCP (Model Context Protocol) server for enhanced development capabilities.
Created by: Festa Design Studio for Civic Hack DC 2024
Purpose: Address healthcare pain points identified in 1,611 public comments from CMS-2019-0039 RFI docket
Problem: Transform documented healthcare frustrations into accessible, senior-focused digital health solutions
MedTrack's design is directly informed by analysis of 1,611 public comments from the CMS-2019-0039 RFI docket, which revealed critical healthcare pain points:
- Primary Data Source: 1,611 public comments from CMS-2019-0039 docket
- User Voice Integration: Direct quotes and pain points drive feature prioritization
- Policy-to-Product Pipeline: Government feedback → User needs → Design solutions → Prototype features
"Patients should know costs BEFORE receiving care" - RFI Comment
MedTrack Response: Medication cost tracking, provider price comparison, budget planning dashboard
"Real-time, machine-readable access to our complete health information" - RFI Comment
MedTrack Response: One-click health record access, granular sharing controls, digital-first communication
"1 in 10 patients have had to redo a test due to lack of information access" - RFI Comment
MedTrack Response: Test history tracking, care team coordination, emergency medical summaries
"This cyber risk could pose a huge personal identity and information theft" - RFI Comment
MedTrack Response: Privacy dashboard, access logs, local-first data storage options
- Real Pain Points: Every feature addresses documented user frustrations
- Accessibility First: Senior-focused design based on actual user limitations
- Digital Equity: Solutions for underserved and rural populations
- Privacy by Design: Address security concerns proactively
- Backend: Laravel 12 + Livewire 3 + SQLite
- Frontend: Tailwind CSS + Alpine.js
- Authentication: Laravel Breeze
- MCP Integration: Custom MedTrack MCP Server
- Deployment Target: GitHub Pages + Render/Vercel
✅ Database Schema
- Users (with caregiver support)
- Medications management
- Vitals tracking
- Appointments scheduling
✅ Accessibility Foundation
- WCAG AA compliant color schemes
- 44px+ touch targets for seniors
- Large fonts (18px base)
- High contrast mode support
- Screen reader compatibility
- Keyboard navigation
✅ Livewire Components
- Dashboard (health summary)
- MedicationTracker (med management)
- VitalsLogger (vitals tracking)
✅ Senior-Friendly CSS
- Custom senior color palette
- Component library (.btn-primary, .card, etc.)
- Form accessibility enhancements
- Trauma-informed design principles
- PHP 8.1+
- Composer
- Node.js 18+
- SQLite
-
Navigate to the app directory:
cd medtrack-app -
Install dependencies:
composer install npm install
-
Environment setup:
cp .env.example .env php artisan key:generate
-
Database setup (SQLite already configured):
php artisan migrate
-
Build assets:
npm run build # or for development: npm run dev -
Start development server:
php artisan serve
Visit: http://localhost:8000
senior-primary: #1e40af (Blue-700)
senior-success: #166534 (Green-800)
senior-warning: #ca8a04 (Yellow-600)
senior-danger: #dc2626 (Red-600)
senior-text: #111827 (Gray-900)
senior-bg: #ffffff (White)- Base font size: 18px (senior-friendly)
- Line height: 1.75 (improved readability)
- Font family: Figtree (clean, readable)
.btn-primary- Primary action buttons.btn-secondary- Secondary actions.card- Content containers.form-input- Accessible form inputs.alert-*- Status messages
name,email,phoneis_caregiver(boolean)- Relations: medications, vitals, appointments
name,dosage,schedule_time,frequencynotes(optional)- Belongs to: user
blood_pressure,blood_sugar,weight,moodnote,recorded_at- Belongs to: user
title,appointment_at,locationnotes(optional)- Belongs to: user
- create_accessible_component - Generate senior-friendly UI
- validate_cms_compliance - Check accessibility
- generate_color_scheme - WCAG-compliant colors
- deployment_checklist - GitHub Pages guidance
Create a large button for medication logging using MedTrack MCP
Validate this form for CMS compliance using MedTrack MCP
Generate high-contrast colors for seniors using MedTrack MCP
- Today's medications overview
- Recent vitals display
- Upcoming appointments
- Quick action buttons
- Add/edit/delete medications
- Schedule reminders
- Dosage tracking
- Blood pressure tracking
- Blood sugar monitoring
- Weight logging
- Mood tracking
- Schedule management
- Reminder system
- Location tracking
- ✅ Color contrast ratios > 4.5:1
- ✅ Keyboard navigation support
- ✅ Screen reader compatibility
- ✅ Touch targets > 44px
- ✅ Focus indicators
- ✅ Alternative text for images
- ✅ Large text (18px+ base)
- ✅ Simple navigation
- ✅ High contrast options
- ✅ Generous spacing
- ✅ Clear visual hierarchy
- ✅ Gentle language choices
- ✅ Clear expectations
- ✅ Optional help text
- ✅ Non-threatening colors
- ✅ User control and choice
npm run build
# Deploy dist/ folder to GitHub Pages# See deployment_checklist MCP tool for guidance# Create test user
php artisan tinker
> User::factory()->create(['email' => 'senior@test.com'])
# Test components
# Visit /dashboard, /medications, /vitals- Test with screen reader (VoiceOver/NVDA)
- Keyboard-only navigation
- Color contrast validation
- Mobile responsiveness
- Use MedTrack MCP tools for generation
- Follow senior-friendly design principles
- Ensure WCAG AA compliance
- Test with actual users when possible
- Use established design tokens
- Maintain 44px+ touch targets
- Test in high contrast mode
- Validate with accessibility tools
php artisan make:migration create_new_table
# Edit migration file
php artisan migrate- Follow accessibility-first development
- Use trauma-informed language
- Test with senior users
- Validate with MCP tools
- Document accessibility features
For seniors and caregivers using this app:
- Large text and simple navigation
- Help text on every page
- Clear error messages
- Contact information readily available
- CMS-2019-0039: 1,611 public comments on healthcare interoperability
- HHS-ONC-2019-0002: 1,920 comments on 21st Century Cures Act implementation
- CMS-2022-0163: 647 comments on national healthcare provider directory
- Individual Patients: Focus on price transparency and data access
- Healthcare Providers: Support interoperability for better patient care
- Rural Communities: Emphasize need for information sharing to overcome geographic barriers
- Patient Advocates: Push for patient control and modern digital access
- Users report knowing costs before care
- Reduced time to access health records
- Fewer duplicate tests reported
- High trust ratings in app security
- Successful data sharing rates
Built with ❤️ for senior health and wellness using Laravel, Livewire, and MCP.
This project demonstrates how participatory democracy can drive user-centered technology development by transforming 1,611 public policy comments into accessible healthcare solutions.