Medora | Flutter Doctor Appointment UI Kit

Medora is a complete doctor appointment and medical booking app UI kit built with Flutter, GetX and Material 3 — 22 polished screens, light and dark themes, and a full working booking flow on bundled mock data. No backend needed to run the demo.

Unlike the loud, warm-toned commerce templates that flood the market, Medora ships a calm, professional medical-blue design system (medical-blue primary, caring-teal accent, cool off-white background, navy ink; Lexend + Inter typography) with every token centralized — re-skin the entire app from one color file.

Built for healthcare, it has the details real clinic apps need: browse specialties and top doctors, open a doctor profile with rating, years of experience, bio and a priced service menu (video / clinic / home visit, tests and checks), pick a service, choose an appointment slot (day + time grid), and revisit past visits in a dedicated Health Records screen.

Built for developers

• Clean GetX architecture (View → Controller → Service → Model, lazy bindings per route)
• All demo data in ONE file; three mock services with Future signatures — replace the bodies with your HTTP calls and you’re live
• Every list ships with skeleton loaders and empty states already wired
• 16 reusable components, all theme-aware
• One EmojiThumb widget renders all doctor imagery — set an imageUrl once to switch the whole app to real photos

Complete booking loop: browse specialties → search and filter → doctor profile (rating, services, reviews) → select service → appointment slot picker → booking cart → checkout (address, slot, coupon, payment) → booking success → live status timeline → My Appointments (upcoming / history) → Health Records.

Features

• 22 screens covering the complete doctor appointment journey
• Light + Dark theme, runtime toggle, both palettes in one file
• Professional medical-blue design system (clinical and trustworthy, not another loud commerce clone)
• Appointment slot picker (day + time grid) — choose when to see the doctor
• Doctor profiles with rating, years of experience, bio and priced service menu
• Health Records screen to revisit past visits and outcomes
• 56 priced services across 8 specialties (video / clinic / home visit, tests and checks)
• Centralized design tokens (colors / fonts / spacing / radii)
• GetX state management with lazy route bindings
• Booking cart with badge, merge logic, single-doctor guard
• Checkout: address picker, appointment slot, payment methods, working demo coupon
• Appointment status timeline + My Appointments (upcoming / history) with rebook
• Address CRUD with default-address handling
• Skeleton loaders and empty states on every list
• 16 reusable, theme-aware components (incl. PillChip)
• Mock services with Future signatures — swap to REST/Firebase fast
• One EmojiThumb widget — set imageUrl to switch to real doctor photos
• Google Fonts: Lexend + Inter
• iOS and Android, Material 3, Flutter 3.29+, null-safe, zero analyzer issues

What you get

Full Flutter source code, README with re-theming and API integration guide, mock data layer (8 doctors, 8 specialties, 56 priced services), light + dark themes.

Installation

Full re-theming and API integration guide included in README.md.

Requirements

Flutter 3.29 or newer. Dependencies: get, google_fonts only.

This is a UI kit / app template with mock data (no backend included) — designed so you can plug in your own API quickly.