https://github.com/kumarabhishek188/healthcare
A static, responsive React dashboard template mimicking a healthcare monitoring interface. Built with Create React App and CSS Modules.
https://github.com/kumarabhishek188/healthcare
Last synced: 20 days ago
JSON representation
A static, responsive React dashboard template mimicking a healthcare monitoring interface. Built with Create React App and CSS Modules.
- Host: GitHub
- URL: https://github.com/kumarabhishek188/healthcare
- Owner: kumarabhishek188
- Created: 2025-05-26T05:11:01.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-05-26T09:38:41.000Z (about 2 months ago)
- Last Synced: 2025-06-04T14:18:19.371Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://healthcare-dashboard-self-xi.vercel.app
- Size: 3.49 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Healthcare Dashboard
A static, responsive React dashboard template mimicking a healthcare monitoring interface. Built with Create React App and CSS Modules.
## Features
- **Sidebar Navigation**: Organized General and Tools sections with icons and a labeled Settings button.
- **Header**: Search bar, notifications, user avatar, and Add button.
- **Anatomy Illustration**: Interactive body diagram with clickable parts, zoom controls, and detail views.
- **Health Status Cards**: Lungs, Teeth, Bone cards show progress bars and icons, evenly distributed beside the anatomy image.
- **Activity Feed**: Weekly bar chart with distinct colors per day and appointment summary.
- **Calendar View**: Monthly grid with time slots and appointment cards, each with icons.
- **Upcoming Schedule**: List of upcoming appointments grouped by day, each with title, time, and icons.
- **Responsive Design**: Uses Flexbox and CSS Modules for pixel-perfect layout and adaptability across desktop/tablet/mobile.
## Deployment
📦 **Here is the deployment link:**
```bash
https://healthcare-dashboard-self-xi.vercel.app
```
## Getting Started
1. **Clone the repository**
```bash
git clone https://github.com/yourusername/healthcare-dashboard.git
cd healthcare-dashboard
```
2. Install dependencies
```bash
npm install
```
3. Start the development server
```bash
npm start
```
## Here is the deployment link: healthcare-dashboard-self-xi.vercel.app