Medical Appointment Management System is a full-stack role-based appointment platform that enables patients to discover and book doctors by department, and allows doctors to manage, approve, or reject appointment requests — all through a clean, animated interface powered by Framer Motion.

• Register with a chosen department (Cardiology, Neurology, etc.)
• View all assigned appointments from patients
• Approve or Reject appointment requests
• Set a custom approved time slot for the patient

• Browse available doctors filtered by department
• Book appointments with date and time slot selection
• View all booked appointments with live status updates (Pending, Approved, Rejected)

• JWT-based secure login & registration
• Role-based routing (patients → Patient Dashboard, doctors → Doctor Dashboard)
• Passwords hashed with bcryptjs

Medical-Appointment/
├── backend/
│   ├── config/
│   │   └── db.js               # MongoDB connection
│   ├── controllers/
│   │   ├── authController.js   # Register, Login, Get Doctors
│   │   └── appointmentController.js
│   ├── middleware/
│   │   └── authMiddleware.js   # JWT verification
│   ├── models/
│   │   ├── User.js             # Patient & Doctor schema (with department)
│   │   └── Appointment.js
│   ├── routes/
│   │   ├── authRoutes.js
│   │   └── appointmentRoutes.js
│   └── server.js
│
└── frontend/
    └── src/
        ├── components/
        │   ├── DashboardLayout.jsx
        │   └── LoadingSpinner.jsx
        ├── pages/
        │   ├── Login.jsx
        │   ├── Register.jsx
        │   ├── PatientDashboard.jsx
        │   └── DoctorDashboard.jsx
        ├── services/
        │   └── api.js          # Axios instance with JWT interceptor
        ├── styles.css
        └── App.js

• Node.js v18+
• MongoDB Atlas account (or local MongoDB)
• Git

git clone https://github.com/suresh4330/Medical-Appointment.git
cd Medical-Appointment

cd backend
npm install

Create a .env file inside backend/:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key

Start the backend:

npm start

Backend runs on http://localhost:5000

cd frontend
npm install

Create a .env file inside frontend/:

PORT=3000
REACT_APP_API_URL=http://localhost:5000/api

Start the frontend:

npm start

Frontend runs on http://localhost:3000

Go to /register → Select Role: Doctor → Choose your Department → Register.
Your name will automatically appear in the patient booking dropdown for your department.

Go to /register → Select Role: Patient → Register.
You can then book appointments with registered doctors.

• Cardiology
• Dermatology
• General Medicine
• Neurology
• Orthopedics
• Pediatrics

Patient Dashboard — Book by Department

Patients see only doctors registered in the selected department.

Doctor Dashboard — Approve / Reject Requests

Doctors can set a custom approved time slot per patient.

• .env files are excluded from Git via .gitignore
• Passwords are never stored in plain text (bcryptjs hashing)
• All protected routes require a valid JWT Bearer token
• Doctor search uses case-insensitive matching to prevent booking failures

This project is licensed under the MIT License.

Suresh — @suresh4330

Built with ❤️ using React, Node.js & MongoDB Atlas