Inspiration
I started MediMate because I saw how hard it is for older people to keep track of their health. When you have a bunch of different pills to take and symptoms that change every day, it gets overwhelming fast. I wanted to make something that didn't feel like a boring spreadsheet, but more like a simple digital helper that takes the stress out of the process.
What it does
MediMate is an easy to use health app that keeps everything organized in one place.
- Smart Reminders: It automatically puts your meds in order by time and sends notifications so you don't forget a dose.
- Photo Proof: You can take a picture of your pill bottles so you’re 100% sure you’re grabbing the right one.
- Daily Reset: The "taken" checkboxes reset every night at midnight so your schedule is always fresh when you wake up.
- Symptom Tracker: A quick way to log your mood and any pain levels or notes for the day.
- Doctor Reports: It can turn all your data into a clean PDF summary that you can just show your doctor at your next visit.
Accessibility: I built it with high contrast colors and huge buttons so it’s actually usable for people who struggle with small screens.
How I built it
I kept the tech stack simple so the app stays fast on any phone.
Frontend: I used HTML5 and Tailwind CSS to get a clean, modern look that works on mobile.
Logic: I wrote everything in Vanilla JavaScript to handle the sorting, the reset logic, and the notification timers.
Storage: I used the Web Storage API so all the data stays private on the user's phone instead of some random database.
Features: I used jsPDF for the reports and the Web Notifications API for the alerts.
Deployment: I set it up as a Progressive Web App (PWA) on GitHub Pages so you can literally install it on your home screen without an app store.
Challenges I ran into
The hardest part was definitely the image storage. Storing photos directly on the phone’s local storage meant I had to convert them into long strings of code, which can slow things down if you aren't careful. I also spent a lot of time fighting with the PWA settings to make sure the "Add to Home Screen" and notifications actually worked properly on iPhones.
Accomplishments that I'm proud of
I was really excited about how the dark mode turned out and the fact that the daily reset actually works. It was a big win to get the app to recognize when a new day starts and clear the checkboxes automatically. I’m also just proud that the UI looks professional but is still simple enough for my grandparents to use.
What I learned
I learned a ton about inclusive design. It’s not just about making things look cool. You have to think about button spacing, font sizes, and how many taps it takes to get something done. I also learned how much you can actually do with just basic web tools without needing a massive backend.
What's next for MediMate
AI Scanning: I want to add a feature where it reads the text on your pill bottle for you so you don't have to type it in.
Caregiver Sync: Setting it up so family members get a text if a dose is missed.
Data Charts: Adding graphs to the PDF report so doctors can see how your mood or symptoms change over a whole month.
Log in or sign up for Devpost to join the conversation.