MedTracker | comprehensive medication management

intro
Landing Page Dark Mode
Landing Page Light Mode
main Dashboard light Mode
main Dashboard Dark Mode

🧠 Inspiration

Hi, I’m Ahmed , I’m 17, a self-taught developer, and I’ve been building since I was 15.
MedTracker was inspired by something close to home, watching family members struggle with managing medications.
From confusing dosing schedules to missed refills and zero data to share with doctors , it felt broken.

I wanted to build something clean, easy to use, and reliable enough to handle real medication routines.
That’s where MedTracker began: a fully offline, privacy-first solution for managing not just your meds ,but your whole family's health in one place.

🚀 What It Does

MedTracker is a full-featured Progressive Web App (PWA) for medication and health tracking.

Key Features:

✅ Track medications by time of day, with visual status indicators (taken, missed, overdue)
✅ Multi-profile support for families
✅ Push notifications to remind users of upcoming doses
✅ Add complex medication schedules (daily, weekly, custom intervals, PRN)
✅ Automatically manage refills and low stock alerts
✅ Generate professional medical reports for doctor visits
✅ Fully offline , no account, no cloud, 100% private so it is easy to use for elderly

also it has an option to export data , so they data can be transferred in differnt devices

It’s fast, installable on any device, and works even when you’re disconnected.

🛠️ How We Built It

Built with a modern tech stack:

Frontend: React 18 + TypeScript
Styling: Tailwind CSS
Charts: Recharts
Icons: Lucide React
PWA: Web App Manifest + Service Worker
Storage: LocalStorage + IndexedDB (no backend)

Everything from UI design to notification logic and scheduling systems was handcrafted , no templates, no external libraries for logic.

⚔️ Challenges We Ran Into

Complex scheduling logic: Building a system flexible enough to support "every 3 days" or "Monday-Wednesday-Friday" took custom logic and lots of testing.
PWA + Push Notifications: Making them work across devices and offline was difficult, especially managing service worker quirks.
Offline-first storage: Storing large amounts of user data across profiles with good performance using only client-side storage was challenging.
Design for all ages: Creating a simple UI that worked for both tech-savvy users and elderly patients meant rethinking usability patterns multiple times.

🏆 Accomplishments That We're Proud Of

Built a production-ready PWA from scratch with full medication logic and user profiles.
Designed a clean, medical-grade UI that works on any screen.
Delivered advanced features like doctor-ready reporting, refill automation, and calendar-based tracking , without needing a backend.
Managed to make it 100% private and local-first , something even many paid apps don’t offer.
It’s one of my most polished and complete projects to date , as a solo teen dev, I’m really proud of that.