Description: A complete healthcare patient appointment system with AI chatbot, bilingual support (English/Kinyarwanda), and 8-step patient journey. Built with React.js and Tailwind CSS.
---
## 📋 **Exam Submission Information**
| Detail | Information |
|--------|-------------|
| 👩🎓 **Student Name** | Irene Ndayishimiye |
| 🆔 **Registration Number** | 25RP00182 |
| 📚 **Module** | Frontend Development Practice |
| 👨🏫 **Module Leader** | NIYONSHUTI Yves |
| 👨⚖️ **Moderator 1** | MANIRAGUHA Mohamed |
| 👩⚖️ **Moderator 2** | BAMPIRE Delphine |
| 📅 **Submission Date** | 30 April 2026 |
| 🎯 **Exam Type** | Living Patient Appointment Experience |
---
## 🎯 **Project Overview**
**HealSync** is a complete healthcare appointment system. It guides users through an **8‑step patient journey** – from symptom input to follow‑up reminders – using an **AI chatbot**, **bilingual support** (English/Kinyarwanda), and a **calming, mobile‑first interface** designed for stressed users and low‑internet environments.
### 🌟 **Why HealSync?**
| Feature | Description |
|---------|-------------|
| 🚀 **Complete 8‑Step Journey** | Symptom input → Doctor discovery → Booking → Check‑in → Live queue → Summary → Reminders |
| 🤖 **AI Health Assistant** | 24/7 chatbot that answers health questions |
| 🌍 **Bilingual Support** | Fully translated UI: English & Kinyarwanda |
| 🌙 **Dark/Light Mode** | Instant theme toggle |
| 🚑 **Emergency Ready** | One‑tap access to emergency services: **+250795071597** |
| 📱 **Mobile‑First** | Optimised for smartphones, especially first‑time users |
| 💚 **Calming UI** | Soft teal/blue colours, gentle animations |
---
## ✨ **Complete 8‑Step Patient Journey**
| Step | Feature | Status |
|:----:|---------|:------:|
| 1 | 🤒 **Symptom Input** | ✅ |
| 2 | 👨⚕️ **Doctor Discovery** | ✅ |
| 3 | 📅 **Appointment Booking** | ✅ |
| 4 | ✅ **Confirmation** | ✅ |
| 5 | 🏥 **Hospital Check‑in** | ✅ |
| 6 | ⏳ **Live Waiting Queue** | ✅ |
| 7 | 📋 **Post‑Visit Summary** | ✅ |
| 8 | 💊 **Follow‑up Reminder** | ✅ |
---
## 🛠️ **Technology Stack**
| Category | Technology | Version |
|----------|------------|:-------:|
| Frontend | React.js | 18.2.0 |
| Styling | Ta …