A smart, automated vaccination tracking system designed to ensure every child gets their vaccines on time.
VaxTrack is a simple yet powerful web application designed to help parents track their child's vaccination schedule. Using a clean, glassmorphism-inspired interface, parents can register their child and receive automated email reminders when vaccines are due.
This project simulates a minute-by-minute demo of a child's growth to showcase the reminder system in real-time presentations.
- HTML5: Semantic and structured layout.
- CSS3 (Vanilla): Custom "Glassmorphism" design system, responsive grid layouts, and smooth animations.
- JavaScript (ES6+): Dynamic DOM manipulation, fetch API integration for asynchronous data handling.
- Node.js: Robust runtime environment.
- Express.js: Fast web framework for handling API routes (
/register,/login,/update). - Nodemailer: Enterprise-grade email transport service using standard SMTP protocols (SSL/TLS).
- File-System Persistence: Lightweight JSON-based database/storage for zero-overhead deployment.
- β±οΈ Live Demo Mode: Simulates months of growth in mere minutes. Watch the timeline update instantly!
- π§ Automated Reminders: Background scheduler checks status every 10 seconds and emails parents if a vaccine is missed.
- π Premium Design: A modern, clean UI with focus on readability and user experience.
- β Progress Tracking: Interactive dashboard to mark vaccines as completed.
- πΎ Smart Session Handling: Auto-login and duplicate prevention ensures a smooth user journey.
frontend/: Contains the visual interface, assets, and client-side logic.backend/: Contains the server logic, scheduler, email services, and database.
- Node.js (v14 or higher)
- A Gmail account (for sending reminders) with an App Password.
-
Install Dependencies:
npm install # or entering backend folder manually: cd backend && npm install
-
Configure Environment:
- Rename
backend/.env.exampletobackend/.env. - Add your email credentials:
EMAIL_USER=your-email@gmail.com EMAIL_PASS=your-app-password
- Rename
-
Run the App:
npm start
-
Open the Browser: Visit http://localhost:3000
- Frontend Design & Implementation: [Your Team Name]
- Backend Architecture & Logic: Senior Developer
