MediTrack is a web-based medication management system designed to help users track daily medicines, receive reminders, and maintain medication adherence in a simple and user-friendly way.
The project focuses on medication scheduling, reminders, progress tracking, and caregiver sharing, especially useful for elderly users or patients with long-term prescriptions.
Managing multiple medications on time can be challenging, particularly for elderly patients.
MediTrack helps users stay on track by displaying daily medication schedules, tracking taken vs pending doses, and providing reminder notifications.
This project is built as a frontend-based simulation to demonstrate how a medication tracking system works.
- Help users remember to take medications on time
- Track taken and pending medicines
- Show weekly medication adherence progress
- Provide reminder notifications
- Allow sharing medication status with caregivers
- Daily medication schedule view
- Mark medications as Taken
- Visual status indicators (Taken / Pending / Scheduled)
- Reminder notifications (demo-based)
- Weekly adherence statistics
- Calendar-based medication overview
- Add new medications using a modal form
- Share progress with caregivers (UI simulation)
- Medication history view
- Reminder customization options
- HTML โ Structure of the application
- CSS โ Styling, layout, and responsive design
- JavaScript โ Application logic, notifications, and UI interactions
- Medications are displayed with name, dosage, instructions, and time.
- The user marks a medication as Taken once consumed.
- The system updates the status and adherence statistics.
- Reminder notifications alert the user when itโs time to take medicine (simulated).
- Weekly progress and calendar views help visualize consistency.
- Caregiver sharing and settings are provided as UI-based features.
- Download or clone the repository.
- Open the
index.htmlfile in any modern web browser. - Interact with the UI to manage medications and view reminders.
No backend or database setup is required.
MediTrack/
โโโ index.html
โโโ README.md
- Backend integration for persistent data storage
- Real notification system (email / SMS / app alerts)
- User authentication and profiles
- Multi-user and caregiver dashboards
- Mobile app version
This project is a frontend demonstration built for learning and showcasing UI/UX design and JavaScript-based interactions.
It does not store real medical data and is intended for educational purposes only.