An open API service indexing awesome lists of open source software.

https://github.com/mdashraful24/dr-mak-client

Dr. Leo Clinical Management System is a modern React-based platform for neurosurgeons to manage patient records, appointments, treatment history, and clinic workflows through a professional, efficient, and scalable medical portfolio interface.
https://github.com/mdashraful24/dr-mak-client

daisyui database-authentication hashlink jwt reactjs tailwindcss vitejs

Last synced: about 1 month ago
JSON representation

Dr. Leo Clinical Management System is a modern React-based platform for neurosurgeons to manage patient records, appointments, treatment history, and clinic workflows through a professional, efficient, and scalable medical portfolio interface.

Awesome Lists containing this project

README

          

# Dr. Leo Clinical Management System



**Dr. Leo Clinical Management System**, a full-featured digital platform designed for a doctor's chamber where the doctor can manage and track patient records, appointments, treatment history, and clinic workflows., a professional medical portfolio and appointment management interface designed for a neurosurgeon. The project is built with modern React tooling, performance-focused architecture, and scalable UI components.

---

## πŸ“Œ **Project Overview**

This web application is intended to serve as a professional digital presence for **Dr. M.A.K., MBBS, MS (Neurosurgery)**. The platform showcases:

* Doctor’s professional background
* Services and specialties
* Patient reviews
* Appointment booking flow
* Blog and FAQ sections
* Multi-role dashboard for Admin, Doctor, and Patient

The project is currently under development.

---

## πŸš€ **Tech Stack**

### **Frontend Framework**

* **React 19**
* **Vite 7** (fast development & bundling)

### **Styling & UI Libraries**

* **Tailwind CSS 4**
* **DaisyUI**
* **Flowbite**
* **Framer Motion / Motion** (animations)
* **Lucide React** (icons)
* **Swiper.js** (sliders & carousels)
* **Lottie React** (animations)

### **Routing & Navigation**

* **React Router 7**
* **Hash Link Navigation**

### **Utilities**

* **SweetAlert2** (alerts & popups)
* Custom hooks, contexts, and reusable UI components

---

## πŸ—‚οΈ **Project Structure**

```
src/
β”œβ”€β”€ assets/ # images, animations, icons
β”œβ”€β”€ components/ # shared + page-specific components
β”œβ”€β”€ context/ # global state stores
β”œβ”€β”€ hooks/ # custom React hooks
β”œβ”€β”€ layouts/ # layout wrappers for different roles
β”œβ”€β”€ pages/ # all routes/pages
β”œβ”€β”€ router/ # router configuration
β”œβ”€β”€ utils/ # helper utilities
└── main.jsx # application entry point
```

---

## 🎯 **Key Features (Planned & Developed)**

### βœ”οΈ **Completed / In-progress**

* Hero Section, About Doctor section
* FAQs, Contact info, Services overview
* Responsive layouts (Public, Auth, Dashboard)
* Lottie-based 404 page
* Reusable component system (cards, buttons, modals)

### πŸ”œ **Upcoming Features (Clinical System Enhancements)** **Upcoming Features**

* Electronic health record (EHR) module
* Prescription generation system
* Medicine recommendations
* API integration for appointments
* Patient/Doctor/Admin dashboards logic
* Dynamic blog listing
* Authentication & role-based access control
* Review submission + rating system

---

## πŸ“¦ **Installation & Setup**

### **1️⃣ Clone the repository**

```sh
git clone
cd dr-leo-client
```

### **2️⃣ Install dependencies**

```sh
npm install
```

### **3️⃣ Start development server**

```sh
npm run dev
```

### **4️⃣ Build for production**

```sh
npm run build
```

### **5️⃣ Preview production build**

```sh
npm run preview
```

---

## 🧩 **Scripts Available**

| Command | Description |
| ----------------- | -------------------------------- |
| `npm run dev` | Runs the Vite development server |
| `npm run build` | Builds production bundle |
| `npm run lint` | Lints the project using ESLint |
| `npm run preview` | Previews production build |

---

## 🌐 **Purpose of This Project (Updated Clinical Focus)** **Purpose of This Project**

This project is developed as a **complete clinical management system**, enabling a doctor to run an entire chamber digitallyβ€”tracking patients, managing appointments, viewing medical history, and organizing all clinical tasks., showcasing:

* Modern frontend development skills
* Clean project structure
* UI/UX design proficiency
* Professional-level code organization
* Scalable component-based architecture

It can be presented to potential employers as a demonstration of production-ready React application development.

---

## 🀝 **Contributions**

Currently not open to external contributions. Will be updated when project stabilizes.

---

## πŸ“„ **License**

This project is private and intended for professional showcasing only.

---