Clinora - Angular Clinic Admin Template

Clinora is a hospital and clinic admin frontend template built with Angular 22 (standalone, zoneless, signals) and Angular Material 3. The included demo uses sample data to demonstrate the interface workflows.

• Real workflows: book appointments (only free slots are offered), check patients in, admit/discharge beds, move lab tests to results, restock medicines, record payments
• 3 roles out of the box: administrator, doctor (with a personal My day screen) and receptionist, each with its own menu, actions and route guards
• Easy hosting: includes a ready-to-upload build for Cloudflare Pages, Netlify or cPanel. No Node.js, PHP or database on the server
• Demo = download: the live demo is the exact same build that's in the zip
• AI-ready: AGENTS.md, CLAUDE.md, Cursor rules, Copilot instructions

Developer friendly

• Clean structure, lazy-loaded pages, one shared ClinicStore (signals) for all data
• Only the Material Symbols you use are bundled (npm run icons), not the 5 MB icon font
• Unit tests (Vitest), Docker + nginx, HTML documentation, install & hosting guide

Notes

• Frontend only (demo data). Connect your own backend/API; a guide is included.
• No payment gateway: payments are recorded manually (cash, card terminal, bank, insurance).

Features

Modules

Dashboard: KPIs, patient flow chart, appointments by department, today's appointments, bed occupancy gauge, revenue vs expenses, lab queue

My day (doctor): next-patient card, start/complete visit, day timeline, abnormal results to review, tasks

Appointments: day schedule by doctor with live "now" line, list view (sort, search, paginate), 4-step booking wizard, status workflow

Patients: searchable table, multi-select CSV export, register/edit with validation, patient record with vitals, trend chart, allergies, notes, prescriptions, appointments, lab results, invoices

Doctors & departments: profile dialogs with schedule and booking, department load chart

Wards & beds: live bed board for 5 wards, admit / discharge / cleaning / reserve

Laboratory: kanban (ordered → collected → processing → completed), result entry with reference ranges and High/Low flags

Pharmacy: inventory with stock bars, low-stock & expiry alerts, restock

Billing: invoices, offline payment recording (cash, card terminal, bank transfer, insurance), printable invoice

Admin: roles & permission matrix, settings (profile, clinic, opening hours, appearance, notifications)

Auth & errors: sign in, register, forgot password, 403, 404

Design

Material 3 · 5 color palettes · light / dark / system · RTL · English, Español, العربية · global search · Figtree font · dependency-free SVG charts · fully responsive.

Requirements

• Any static web host for the included ready-to-upload build (no Node.js, PHP or database on the server)
• For development: Node.js 22.22+ or 24+
• Frontend only with demo data: connect your own backend or API (guide included)

Instructions

1. Unzip the download and read README.md and INSTALL.md
2. Fastest way: upload the ready-to-upload folder to Cloudflare Pages, Netlify, Vercel or cPanel
3. To develop: run npm install, then npm start
4. Build your own version with npm run build
5. Docker: docker compose up serves the app with nginx