🛡️ Child Vaccination Portal

A modern, responsive web application to digitally manage child vaccination records, spread awareness, and ensure timely immunization — built using React, Firebase, and Tailwind CSS.

---

📚 Overview

The Child Vaccination Portal helps parents and healthcare workers:

• Store and access vaccination data digitally
• Download vaccine history using QR codes
• Get timely updates and support after immunization
• Educate themselves on vaccine schedules and safety

---

✨ Features

🔹 Core Services

• 📄 QR-Based Vaccine Records Generate and download vaccination history via a scannable QR code.

• 💰 Affordable Vaccines Low-cost, government-supported vaccines accessible to all families.

• 📣 Vaccine Awareness Informational resources on vaccine schedules, importance, and benefits.

• 💬 AI Chatbot Support Chatbase-powered assistant to answer post-vaccine symptom concerns and common questions.

• 💉 Immunization Tracking Tracks vaccination doses, reminders, and supports complete immunization coverage.

---

💡 Key Highlights

• ✅ Fully responsive layout using Tailwind CSS

• 🔄 Real-time syncing of data via Firebase Realtime Database

• 🧠 Smart components:

  • QR code generation
  • Appointment scheduling
  • Vaccine history logs

• 🤖 Embedded Chatbase chatbot to help answer parent concerns instantly

• 📊 Doctor Dashboard with child stats, vaccine logs, and appointments

• 🔔 Upcoming features:

  • Email/SMS alerts
  • Calendar-based scheduling
  • Data visualizations

---

🛠️ Tech Stack

Technology	Purpose
React + Vite	Frontend framework
Tailwind CSS	Responsive design and styling
Firebase	Realtime database and authentication
Chatbase	AI chatbot for user support
EmailJS	Email notification system
QRCode.react	Dynamic QR code generation
Framer Motion	UI animations
Print.js	PDF and printing support

---

📦 Installation

Install all project dependencies with the following command:

npm install react firebase tailwindcss@latest postcss autoprefixer 
emailjs-com qrcode.react framer-motion print-js

---

🧪 Setup & Run

Start your development server with:

npm run dev

---

📌 License

This project is licensed under the MIT License. Feel free to use, contribute, and expand the system.

---