·Wireframes
Interactive prototype of the HealDocs app. Browse every screen built so far.
- Next.js 16
- React 19
- TypeScript
- App Router
- CSS Modules
High-level architecture and clinical workflow: from dispatch and nurse visit with dual capture modes to doctor review and final claim submission.
10screens built
1placeholders
12components
npm run devstart locally- LoginReadyAuthentication screen/login
- LoadingReadyFull-screen loader animation/loading
- DashboardReadyMain overview with sections/dashboard
- New PatientReadyCombined: register patient + first treatment (9 steps)/patients/new
- Register PatientReadyPatient only — identity + medical profile (2 steps)/patients/register
- New TreatmentReadyTreatment intake for existing patient (6 steps)/treatments/new
- Patient Guidance (What to do)ReadyPatient care instructions, daily reminders, and urgent red flags between visits/what-to-do
- PatientsReadyPatient directory/patients
- TreatmentsReadyTreatment episodes/treatments
- AI ReviewReadyAI-assisted review/ai-review
- SettingsStubApp settings/settings
Reusable components
AppShellSidebar + top bar layout wrapperSidebarPrimary navigationTopBarHeader with SmartIsland anchorSearchOverlayCommand-style search overlaySmartIslandContextual island in the top barDashboardSectionsDashboard content blocksProcessWizardSchema-driven wizard for patient registration and treatment intakeOnboardingRe-export of ProcessWizard (legacy path)LoginLogin formLoaderLoading animationLogoBrand markPlaceholderStub screen scaffold