A full-featured healthcare dashboard built with Kendo UI for Angular, designed to demonstrate how clinical workflows can be modeled in a modern Angular application.
View Live Demo »
The app is organized into four main views:
- Home — Personalized dashboard for a physician, featuring quick-action cards (add clinical notes, request lab tests), upcoming appointments, and an at-a-glance patient summary.
- Patients — A searchable, sortable, and filterable grid of patients with vitals, risk levels, and lab results. Includes an AI Assistance panel and Excel export.
- Patient Profile — Detailed view of an individual patient showing basic information, recent vitals (heart rate, blood pressure, O2 saturation, temperature), and medical history.
- Schedule — A multi-view scheduler (day, week, month, agenda) for managing appointments, paired with a daily task list that supports search and inline task creation.
- Clinical Analytics — Charts tracking patient vitals over time (systolic/diastolic BP, heart rate, SpO2, temperature) and a risk assessment overview with export support.
| Component | Docs |
|---|---|
| Breadcrumb | Breadcrumb |
| Buttons | Buttons |
| Dialog | Dialog |
| DropDowns | DropDowns |
| Editor | Editor |
| Gauges | Gauges |
| Grid | Grid Component |
| Icons | Icons |
| Indicators | Indicators |
| Inputs | Inputs |
| Layout | Layout |
| Scheduler | Scheduler |
| Toolbar | Toolbar |
The sample project runs with the currently supported Angular version.
# 1. Clone the repository
git clone https://github.com/telerik/kendo-angular.git
# 2. Navigate to the project folder
cd examples-standalone/healthcare-app
# 3. Install dependencies
npm installng serveNavigate to http://localhost:4200/. The app reloads automatically when source files change.
ng buildBuild artifacts are stored in the dist/ directory.