📱 TeleClinic – Responsive Telehealth Mobile App (Rocket AI + Flutter)
Intro
A telehealth mobile app built as a full clinic platform with three distinct roles — patients, doctors, and admin staff — each with their own dedicated experience. Patients can message their doctor to describe symptoms, receive medical advice, and get prescriptions, while doctors manage their patient conversations and schedules, and admin staff oversee the clinic's operations and users.
Preview Link
👉 TeleClinic Preview
What I Did
- Built TeleClinic telehealth app with role‑based auth (Patient, Doctor, Admin) featuring demo credentials and role selector on login screen.
- Implemented patient home screen with service cards, doctor browsing, and recent conversations list; chat screen with message bubbles, inline prescription cards, and video call panel.
- Added reusable widgets (status badges, empty states, loading skeletons) and full navigation routing across all three user role experiences.
- 🔒 Login credentials for app’s functional experience:
Iterations
- Appointment booking modal → 3‑step bottom sheet with date/time picker, doctor selection, and confirmation.
- Cheerful doctor logo → Replaced medical icon with friendly illustration.
- Appointments screen → Status badges, reschedule/cancel quick actions, light blue theme with subtle medical icons.
- Account screen → Profile info, medical history, emergency contacts, notification preferences, logout flow.
- Booking success screen → Rich confirmation modal with doctor details, summary card, and contact options.
Closing NoteTeleClinic demonstrates how Rocket AI App Builder + Flutter can deliver healthcare solutions that are responsive, role‑based, and patient‑friendly. This project reflects my focus on UX writing, healthcare content design, and empathetic UI flows.
