https://github.com/ssmahim01/care-matrix-with-dev-sync
Care Matrix is a multi-role hospital management system designed to enhance efficiency for doctors, administrators, receptionists, pharmacists, and patients by streamlining workflows, optimizing operations, and improving communication within healthcare.
https://github.com/ssmahim01/care-matrix-with-dev-sync
firebase framer-motion lodash lucide-react momentjs radix-ui react-hook-form react-pdf-table reactjs recharts redux redux-toolkit shadcn-ui stripe-payments swalalert2 swiper tailwindcss tanstack-react-query
Last synced: 9 days ago
JSON representation
Care Matrix is a multi-role hospital management system designed to enhance efficiency for doctors, administrators, receptionists, pharmacists, and patients by streamlining workflows, optimizing operations, and improving communication within healthcare.
- Host: GitHub
- URL: https://github.com/ssmahim01/care-matrix-with-dev-sync
- Owner: ssmahim01
- Created: 2025-03-11T11:05:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2026-05-19T22:55:07.000Z (2 months ago)
- Last Synced: 2026-05-20T01:53:08.874Z (2 months ago)
- Topics: firebase, framer-motion, lodash, lucide-react, momentjs, radix-ui, react-hook-form, react-pdf-table, reactjs, recharts, redux, redux-toolkit, shadcn-ui, stripe-payments, swalalert2, swiper, tailwindcss, tanstack-react-query
- Language: JavaScript
- Homepage: https://care-matrix.vercel.app
- Size: 13.3 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🏥 Care Matrix
A Comprehensive Hospital Management Application
---
## 📖 Overview
**Care Matrix** is a robust hospital management system designed to digitize and streamline hospital operations, enhance patient care, and improve operational efficiency. It facilitates seamless coordination among medical professionals, administrators, receptionists, pharmacists, and patients, ensuring optimal healthcare delivery through an intuitive and modern platform.
---
## 🛠️ Technologies Used
### Frontend
- **React** - JavaScript library for building user interfaces
- **Redux Toolkit** - State management
- **Tailwind CSS** - Utility-first CSS framework
- **Daisy UI** - Tailwind CSS component library
- **Shadcn UI** - Accessible UI components
- **Stripe** - Payment integration
### Backend
- **Node.js** - JavaScript runtime
- **Express.js** - Web framework for Node.js
- **MongoDB** - NoSQL database
### Additional Tools
- **Firebase Authentication** - Secure user authentication
- **React Router** - Client-side routing
- **Lottie React** & **Framer Motion** - Animations
- **Firebase** - Frontend hosting
- **Vercel** - Backend hosting
---
## 🚀 Core Features
- **Smart Wait-Time Prediction System**
Utilizes advanced algorithms to estimate real-time waiting times, improving patient experience and reducing congestion.
- **Manage Medical Records**
Securely stores and manages patient data, prescriptions, and medical history, accessible by both doctors and patients.
- **Chat-Activated Dashboard**
Enables real-time communication between users for better collaboration, including patient consultations with doctors and pharmacists.
- **Billing & Payment System**
Automates billing with Stripe integration for seamless online transactions, with status updates managed by receptionists.
- **Real-Time Bed Availability**
Tracks and manages hospital bed occupancy in real-time, allowing efficient bed allocation.
- **Pharmacy & Inventory Management**
Monitors medicine stock and medical supplies with restocking alerts for pharmacists.
- **Emergency Services Coordination**
Provides quick access to emergency contacts, ambulance booking, and urgent care scheduling.
- **Doctors Management**
A dashboard for administrators to manage doctors’ schedules and availability.
- **Patient Health Gamification & Rewards System**
Encourages healthy habits with rewards for regular check-ups and medication adherence.
- **Medicine Add To Cart & Checkout System**
Allows patients to browse, add medicines to their cart, and checkout with dynamic cost updates.
- **Purchase History Tracking**
Enables patients to view and download their medicine purchase history as PDF invoices.
---
## 📦 Dependencies
Here’s a list of key dependencies used in the project:
```json
{
"dependencies": {
"@ag-media/react-pdf-table": "^2.0.1",
"@hookform/resolvers": "^4.1.3",
"@radix-ui/react-accordion": "^1.2.3",
"@radix-ui/react-alert-dialog": "^1.1.10",
"@radix-ui/react-avatar": "^1.1.3",
"@radix-ui/react-checkbox": "^1.1.4",
"@radix-ui/react-collapsible": "^1.1.3",
"@radix-ui/react-dialog": "^1.1.11",
"@radix-ui/react-dropdown-menu": "^2.1.6",
"@radix-ui/react-label": "^2.1.2",
"@radix-ui/react-navigation-menu": "^1.2.5",
"@radix-ui/react-popover": "^1.1.6",
"@radix-ui/react-progress": "^1.1.2",
"@radix-ui/react-radio-group": "^1.2.3",
"@radix-ui/react-scroll-area": "^1.2.4",
"@radix-ui/react-select": "^2.1.6",
"@radix-ui/react-separator": "^1.1.2",
"@radix-ui/react-slot": "^1.2.0",
"@radix-ui/react-switch": "^1.1.3",
"@radix-ui/react-tabs": "^1.1.3",
"@radix-ui/react-tooltip": "^1.1.8",
"@react-pdf/renderer": "^4.3.0",
"@reduxjs/toolkit": "^2.6.1",
"@smastrom/react-rating": "^1.5.0",
"@stripe/react-stripe-js": "^3.5.1",
"@stripe/stripe-js": "^6.1.0",
"@tailwindcss/vite": "^4.0.12",
"@tanstack/react-query": "^5.69.0",
"axios": "^1.8.3",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "1.0.0",
"date-fns": "^4.1.0",
"dom-to-image": "^2.6.0",
"firebase": "^11.4.0",
"framer-motion": "^12.5.0",
"lodash": "^4.17.21",
"lottie-react": "^2.4.1",
"lucide-react": "^0.483.0",
"moment": "^2.30.1",
"next-themes": "^0.4.6",
"react": "^19.0.0",
"react-confetti": "^6.4.0",
"react-day-picker": "8.10.1",
"react-dom": "^19.0.0",
"react-hook-form": "^7.54.2",
"react-hot-toast": "^2.5.2",
"react-icons": "^5.5.0",
"react-redux": "^9.2.0",
"react-router": "^7.3.0",
"react-router-dom": "^7.3.0",
"react-slick": "^0.30.3",
"react-to-pdf": "^2.0.0",
"react-use": "^17.6.0",
"recharts": "^2.15.1",
"redux": "^5.0.1",
"slick-carousel": "^1.8.1",
"sonner": "^2.0.3",
"sweetalert2": "^11.6.13",
"swiper": "^11.2.5",
"tailwind-merge": "^3.0.2",
"tailwindcss": "^4.0.12",
"tailwindcss-animate": "^1.0.7",
"vaul": "^1.1.2",
"xlsx": "^0.18.5",
"zod": "^3.24.2"
}
}
```
---
## 📥 Installation & Setup
Follow these steps to set up the project locally:
### 1. Clone the Repository
```bash
git clone https://github.com/ssmahim01/Care-Matrix-With-Dev-Sync.git
cd Care-Matrix-With-Dev-Sync
```
### 2. Install Dependencies
```bash
npm install
```
Or
```bash
bun install
```
### 3. Configure Environment Variables
Create a `.env.local` file in the root directory and add the necessary environment variables. Example:
```env
VITE_apiKey=Provide-firebase-api-key
VITE_authDomain=Provide-firebase-authDomain
VITE_projectId=Provide-firebase-projectId
VITE_storageBucket=Provide-firebase-storageBucket
VITE_messagingSenderId=Provide-firebase-messagingSenderId
VITE_appId=Provide-firebase-appId
VITE_API_URL=Provide-backend-url
VITE_IMGBB_API_URL=Provide-imgbb-key
VITE_STRIPE_PUBLISHABLE_KEY=Provide-stripe-key
```
---
## 🏃 Running the Project Locally
To run the project locally:
```bash
npm run dev
```
- The development server will start at:
🌐 **`http://localhost:5173`**
For backend setup instructions, visit the [Backend Repository](https://github.com/ssmahim01/Care-Matrix-Backend).
---
## 📚 Key npm Packages
| Package | Purpose | Documentation |
|-----------------------|----------------------------------|----------------------------------------------------|
| **react-pdf-table** | Generate PDF tables | [Docs](https://www.npmjs.com/package/@ag-media/react-pdf-table) |
| **lottie-react** | Animations with Lottie | [Docs](https://www.npmjs.com/package/lottie-react) |
| **react-hook-form** | Form handling | [Docs](https://react-hook-form.com) |
| **react-icons** | Icon library | [Docs](https://react-icons.github.io/react-icons) |
| **sweetalert2** | Customizable alerts | [Docs](https://sweetalert2.github.io) |
| **swiper** | Touch-enabled sliders | [Docs](https://swiperjs.com) |
| **lucide-react** | Icon library | [Docs](https://lucide.dev/guide/packages/lucide-react) |
| **recharts** | Data visualization | [Docs](https://recharts.org/en-US) |
| **react-hot-toast** | Toast notifications | [Docs](https://react-hot-toast.com) |
---
## 🛠️ Development Setup (React + Vite)
This project uses **React** with **Vite** for a fast development experience, including Hot Module Replacement (HMR) and ESLint rules.
### Available Vite Plugins
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) - Uses Babel for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) - Uses SWC for Fast Refresh
### ESLint Configuration
For production applications, consider enhancing the ESLint setup with TypeScript and type-aware lint rules. Check out the [React + TypeScript Vite template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io).
---
## 🤝 Contributing
Contributions are welcome! To contribute to Care Matrix:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/YourFeature`).
3. Make your changes and commit (`git commit -m "Add YourFeature"`).
4. Push to your branch (`git push origin feature/YourFeature`).
5. Open a Pull Request.
Please ensure your code follows the project’s coding standards and includes appropriate tests.
---
## 🙌 Acknowledgments
- Thanks to the open-source community for providing the tools and libraries that made this project possible.
- Special thanks to the contributors of DevSync Hub who helped improve Care Matrix.
---