Medicare – Smart Medication Adherence System

Inspiration

Medication non-adherence is a critical issue for elderly patients, often leading to hospitalization. Caregivers have limited visibility into whether meds are taken, missed, or delayed. We wanted to build a solution that empowers both patients and caregivers — in real-time.

What It Does

• Patients can log in, view daily medications, and mark them as taken.
• If a med is taken late, the system notifies the caretaker instantly.
• Caretakers view all their patients' logs, grouped and color-coded.
• Supports multi-patient login, separate dashboards, and a smooth UX — all without a backend.

How We Built It

• Frontend: React.js
  
• UI Framework: Tailwind CSS
  
• Routing: React Router for role-based portals
  
• State & Storage: useState, useEffect, localStorage
  
• Design: Custom UI with large fonts, color codes, and accessibility features

Challenges We Ran Into

• Handling multi-user logic using only localStorage
  
• Real-time sync across patient and caretaker views
  
• Designing an interface that’s accessible for elderly users
  
• Simulating late medication alerts without backend timestamps

Accomplishments That We're Proud Of

• Fully functional role-based system in under 24 hours
  
• Real-time late-alert logic without backend
  
• Clean and intuitive UI for both patients and caretakers
  
• Simulated backend with localStorage that mimics real-world flow

What We Learned

• How to build real-time logic with only frontend tools
  
• Designing user flows for healthcare use cases
  
• Accessibility design principles for elderly users
  
• Managing dynamic UI based on roles and logic

What's Next for Medicare

• Integrate SMS or voice-based reminders
  
• AI-based adherence scoring and prediction
  
• Convert to a mobile PWA for offline-first access
  
• Add cloud sync and secure login using Firebase or Django backend
  
• Expand caretaker tools with exportable reports and alerts

Built With

• django
• javascript
• postgressql
• react
• tailwindcss