ClinicDesk

ClinicDesk is a single-page clinic app that opens on the dashboard: four KPI cards, today's appointment queue, a weekly visits chart and a doctors-on-duty list. The sidebar also links an Appointments table filtered by date, doctor and status, a searchable Patients list with a detail panel, and a Doctors view with a weekly availability roster. The top bar holds a patient search, a "Demo — sample data" badge and a New appointment button. It is a front-end demo with sample data: it runs in the browser and saves changes in localStorage until you press Reset demo data. Staff can move visits from Scheduled to Completed, mark no-shows, book appointments in a modal that validates the mobile number, date, doctor's shift and slot clashes, and change shifts on the roster. The clinic, doctors and patients are placeholders; the studio swaps in the customer's own and connects it to a real backend as a custom project. The palette is mint paper with deep teal and a saffron accent, set in Fraunces for headings and figures and Manrope for the interface. The bar chart is drawn in SVG with hover and keyboard tooltips and a table view. Motion is limited to short dialog fades, turned off for reduced-motion users. On phones the sidebar becomes a bottom tab bar and tables scroll inside their cards. It suits clinics, polyclinics, diagnostic centres and health start-ups that want to see their appointment workflow on screen before commissioning a full patient management system.