A lightweight, offline-friendly web application that helps pregnant women track pregnancy progress, key milestones, and antenatal clinic appointments. Built with plain HTML, CSS, and vanilla JavaScript to ensure accessibility in low-resource and low-bandwidth environments.
# Day 39 – Maternal Health Tracker (Healthcare)
A lightweight, offline-friendly web application that helps pregnant women track pregnancy progress, key milestones, and antenatal clinic appointments. Built with plain HTML, CSS, and vanilla JavaScript to ensure accessibility in low-resource and low-bandwidth environments.
---
## Problem Statement
In many communities, pregnant women miss critical antenatal care (ANC) checkups due to lack of reminders, poor access to information, or limited digital tools. Missed checkups increase the risk of preventable maternal and neonatal complications.
---
## Solution Overview
The Maternal Health Tracker allows users to:
- Track pregnancy progress by week and trimester
- View key pregnancy milestones
- Log clinic appointments
- Store data locally on the device using `localStorage`
- Use the app fully offline after first load
This tool is designed for individuals, community health workers, NGOs, and clinics seeking a simple digital companion for maternal care awareness.
---
## Resources
- Demo:
- Medium Article:
## Features
- Pregnancy week and trimester calculation
- Automatic milestone display based on gestational age
- Appointment logging and persistence via localStorage
- Mobile-friendly and responsive layout
- No backend, no accounts, no internet dependency
---
## Tech Stack
- HTML5
- CSS3
- Vanilla JavaScript
- Browser localStorage API
No external libraries or frameworks are required.
---