ShiftSL Dashboard

ShiftSL is a Roster Management and Effective Leave Management Software. This repository contains the ShiftSL Dashboard, a web application designed for Ward Administrators and HR Personnel to streamline shift scheduling, leave approvals, and employee management in medical or organizational settings.

🔗 Live Demo / GitHub Repo

🔗 ShiftSL GitHub Repository

---

🚀 Features

🔐 Authentication

• Role-based login for HR and Ward Admins

👩‍⚕️ HR Functionalities

• Add new employees/doctors
• View monthly employee analytics and shift statistics

🧑‍⚕️ Ward Admin Functionalities

• Roster Tab:
  • Create rosters
  • Add shifts
  • Assign doctors to shifts
• Approval Tab:
  • Approve or reject leave requests
  • Approve or reject shift exchange requests
• Employees Tab:
  • View list of all employees/doctors in the ward

---

🛠️ Tech Stack

• Frontend Framework: React.js
• Build Tool: Vite
• Language: TypeScript
• UI Library: MUI (Material UI)
• Calendar Library: ScheduleX
• State Management & Hooks: React Hooks

---

📁 Project Structure

src/
├── assests/          # Images and media assets
├── Components/       # Reusable React components
├── context/          # React context for global state management
├── CSS/              # Custom styling files
├── firebase/         # Firebase configuration and utilities
├── Hooks/            # Custom React hooks
├── Interfaces/       # TypeScript interfaces and models
├── jsonfiles/        # Static JSON files
├── Pages/            # Page components (Roster, Approvals, Employees, etc.)
├── service/          # API service logic and integrations
└── types/            # Global TypeScript types

Deployment

To deploy this project run

Clone the repository

git clone https://github.com/ShiftSL/shiftsl-dashboard.git

Navigate to the project folder

cd shiftsl-dashboard

Install dependencies

npm install

Run project

npm run dev

📸 Screenshots