Opening the System
The demo runs entirely in your browser — no login credentials or internet connection needed after the page loads. All data is saved automatically.
Open the PMS file
Open the file dr-keletso-nyathi-pms.html in any modern web browser (Chrome, Edge or Firefox recommended). The login screen will appear with two role options.
Select your role
Click either Receptionist or Doctor — the button will highlight blue to confirm your selection. Each role shows a different set of pages tailored to that person's job.
Click "Enter System"
The full dashboard loads automatically. You will see the practice name, your role label, and today's date in the top bar. The sidebar on the left shows your navigation menu.
Explore freely — everything is pre-loaded
The demo comes with 18 patients, 40 visits, 18 appointments, stock alerts, follow-ups, sick notes and prescriptions already in the system — simulating 5 months of real operation. Nothing is fake — every number you see is calculated from real demo data.
Both RolesWho Does What
The system is split into two distinct views. Each role only sees the tools relevant to their job — no clutter, no confusion.
Receptionist
Manages the front desk — patients, queue, payments, appointments and follow-ups.
- Registers new patients
- Manages today's patient queue
- Processes payments after consultations
- Schedules and checks in appointments
- Manages follow-up calendar & sends reminders
- Monitors stock alerts from the doctor
- Issues sick notes
- Views revenue reports and analytics
Doctor
Manages consultations — patient history, notes, prescriptions and clinical decisions.
- Views full patient history before entering the room
- Records vitals, complaint, examination and diagnosis
- Issues digital prescriptions on practice letterhead
- Sets follow-up dates that sync to reception calendar
- Issues sick notes on letterhead
- Logs low medical supplies to alert reception
- Completes consultation — patient auto-sent to billing
Follow a Patient Through the System
This is the most powerful thing to demonstrate. Follow these exact steps to show the complete end-to-end patient journey — from arrival to payment.
Receptionist: Add patient to queue
Go to Today's Queue → click "Add to Queue" → search for any patient (e.g. Anna Nghipandulwa) → type a reason → click the patient name. They appear instantly in the queue with status Waiting.
ReceptionistSwitch to Doctor tab — start the consultation
In the Doctor tab, go to Today's Queue. The patient is now visible. Click "Start Consult" — the status changes to Consulting and the system navigates you to the Consultation Room automatically.
DoctorDoctor: Fill in the consultation
The patient's full history and previous visits appear on the left. Fill in vitals, complaint, diagnosis and prescription on the right. Optionally set a Follow-up Date — this will notify reception automatically.
DoctorDoctor: Click "Complete Consultation"
The visit is saved to the patient's permanent record. The patient's status automatically changes to Billing and the invoice is generated — reception is notified without any manual step.
DoctorSwitch back to Receptionist tab — process payment
Go to Billing. The patient's invoice is waiting with the consultation fee pre-filled. Select the medical aid or cash, confirm the amount, and click "Mark Paid & Issue Receipt".
ReceptionistCheck Reports to see revenue updated
Go to Reports. Today's revenue, visit count, and the monthly bar chart all update immediately to reflect the payment you just processed. This is live — not a dummy number.
ReceptionistEvery Page Explained
Here is a quick reference for every page in the system and what it does.
Dashboard
Live overview of the day — patients waiting, in consultation, today's revenue, follow-ups due, and stock alerts. Click any card to jump to that section.
Both RolesToday's Queue
Real-time patient queue. Receptionist adds patients and processes payments. Doctor starts consultations. Status flows: Waiting → Consulting → Billing → Done.
Both RolesPatient Records
Search all 18 demo patients by name. Click "View File" to see full history — allergies, chronic conditions, every past visit, vitals, diagnoses and prescriptions.
Both RolesConsultation Room
The doctor's clinical workspace. Patient history on the left, live notes form on the right. Records vitals, complaint, exam findings, diagnosis, prescription, and follow-up date. Ideal for general medical consultations, chronic disease management and primary health care.
Doctor OnlyBilling
Processes post-consultation payments with invoice auto-populated from the doctor's notes. Also has a Walk-in Invoice form to charge any patient directly without a consultation.
Receptionist OnlyAppointments
Schedule upcoming visits for any patient. 18 appointments already booked in the demo. Click "Check In" on any appointment to add the patient to today's queue instantly.
Receptionist OnlyFollow-up Calendar
All follow-up dates set by the doctor appear here — colour-coded as Overdue (red), Due Today (amber) or Upcoming (blue). Send a WhatsApp reminder or call the patient in one tap.
Receptionist OnlyStock & Supplies
Doctor logs when supplies are running low — alerts appear immediately for the receptionist to act on. 60 items pre-loaded across 10 categories. Filter by category, update quantities, add new items.
Both RolesReports
Revenue by day, month and all-time. Medical aid breakdown with bar charts. Visit type analysis. Chronic condition population overview. Billing history. All calculated from real demo data.
Receptionist OnlySick Notes
Issue medical certificates with patient details, diagnosis and dates. Opens a full A4 printable document on practice letterhead with Dr. Nyathi's qualifications and signature block.
Both RolesPrescription Pad
Issue full prescriptions with drug name, dose, frequency, duration and quantity. Add multiple medications. Opens a printable A4 prescription on practice letterhead with ℞ symbol.
Doctor OnlyRegister New Patient
Full patient intake form — name, date of birth, gender, contact details, address, medical aid number, blood type, allergies and chronic conditions. Patient is immediately searchable after saving.
Receptionist OnlyRestoring the Demo Data
All changes you make during the demo are saved in the browser. If you want to restore everything back to the original state, use the Reset button.
Where to find the Reset button
Look at the top-right corner of the screen after logging in. There is a red "↺ Reset Demo" button next to the Sign Out button. Click it and confirm — all data is instantly restored to the original 18 patients, 40 visits, and demo state.
When to reset
Reset at the start of each new demo session to ensure a clean, consistent experience. After resetting, log in fresh with either role and all the pre-loaded data will be ready.
↺ Reset Demo Button
Top-right corner of the screen, next to "Sign Out". Red button. One click restores everything.