Operation-Scheduler-Hospital-Management-Next.js Tailwind Templates

Operation Scheduler Hospital Management Next.js

A hospital OT management system built with Next.js, Tailwind CSS & Firebase. Features include surgery scheduling, role-based access, real-time data, doctor/patient management, reports with PDF export, analytics dashboard, and secure doctor login via email verification.

๐Ÿฅ Operation Scheduler For Hospital Management

A modern web-based solution to efficiently manage and monitor Operation Theater (OT) schedules in a hospital environment. This project addresses the challenges of dynamic surgical scheduling, resource tracking, and operational transparency using a robust tech stack.


๐Ÿ“Œ Project Overview

Hospital OT scheduling can be highly dynamic due to:

  • Emergency surgeries
  • Delays/postponements
  • OT room/doctor availability
  • Resource and staff allocation

This system allows:

  • Real-time OT scheduling and rescheduling
  • Admin dashboard for monitoring OT usage and staff efficiency
  • Authentication-based access for admins and users
  • Pre/post-op report tracking and analytics

โš™๏ธ Technologies Used

Tech Description
Next.js React framework for frontend & SSR
Tailwind CSS Utility-first responsive UI design
Firebase Backend-as-a-Service: Auth, Firestore, Hosting
Recharts Charts and data visualization
JWT/OAuth Secure authentication mechanism

๐Ÿ“ Folder Structure

โ”œโ”€โ”€ components/ โ”‚ โ”œโ”€โ”€ Navbar.jsx โ”‚ โ”œโ”€โ”€ Footer.jsx โ”‚ โ”œโ”€โ”€ Sidebar.jsx โ”‚ โ”œโ”€โ”€ ScheduleCard.jsx โ”‚ โ”œโ”€โ”€ SurgeryForm.jsx โ”‚ โ”œโ”€โ”€ UserCard.jsx โ”œโ”€โ”€ dashboard/ โ”‚ โ”œโ”€โ”€ layout.jsx โ”‚ โ”œโ”€โ”€ page.jsx โ”‚ โ”œโ”€โ”€ analytics/ โ”‚ โ”œโ”€โ”€ doctors/ โ”‚ โ”œโ”€โ”€ ot_schedule/ โ”‚ โ”œโ”€โ”€ patients/ โ”‚ โ”œโ”€โ”€ reports/ โ”œโ”€โ”€ hooks/ โ”‚ โ””โ”€โ”€ useAuth.js โ”œโ”€โ”€ lib/ โ”‚ โ”œโ”€โ”€ auth.js โ”‚ โ”œโ”€โ”€ logger.js โ”‚ โ”œโ”€โ”€ helpers.js โ”œโ”€โ”€ types/ โ”‚ โ”œโ”€โ”€ index.js โ”‚ โ””โ”€โ”€ surgery.js โ”œโ”€โ”€ public/ โ”‚ โ””โ”€โ”€ logo.png

How to create ?
npx create-next-app@latest operation-scheduler How to run ? cd operation-scheduler npm run dev


๐Ÿงช Features

  • ๐Ÿ” Secure login/logout system with Firebase Auth (JWT & OAuth)
  • ๐Ÿฅ Create, update, cancel surgeries dynamically
  • ๐Ÿ“Š Admin dashboard with real-time analytics
  • ๐Ÿงพ Attach surgical reports (charts, PDFs, remarks)
  • ๐Ÿ‘ฉโ€โš•๏ธ Manage doctors, nurses, patients
  • ๐Ÿ“ Logging system for every user/admin action
  • ๐Ÿ“† View past & upcoming OT schedules
  • ๐Ÿ’Š Track drugs, instruments, and special material usage

Top categories

Loading Svelte Themes