Skip to content

A simple and efficient Queue Management System built with React. Allows adding customers, updating their status, and managing queues with a clean, responsive UI.

Notifications You must be signed in to change notification settings

shivkantx/Queue-Management-System

Repository files navigation

Queue Management System

A lightweight and efficient Queue Management System built using React.
This project allows users to manage customer queues easily — add customers, update their status, and remove them once completed.


✨ Features

🔹 1. Add Customers to Queue

  • Enter customer details and instantly add them to the active queue.

🔹 2. Update Customer Status

Each customer can move through three stages:

  • Waiting
  • In-Service
  • Completed

Status color changes automatically:

  • 🟡 Waiting
  • 🔵 In-Service
  • 🟢 Completed

🔹 3. Remove Customers

  • Completed customers can be removed with a single click.

🔹 4. Real-Time UI Updates

  • Every action updates the interface immediately using React state.

🔹 5. Responsive & Clean UI

  • Built with modern layout principles
  • Works smoothly on both desktop and mobile

🔹 6. Simple & Beginner-Friendly Code Structure

  • Uses React hooks (useState)
  • Easy to expand and customize

🛠️ Tech Used

  • React.js
  • JavaScript (ES6+)
  • Tailwind CSS
  • Vite / CRA

📦 Installation

git clone https://github.com/shivkantx/Queue-Management-System.git
cd Queue-Management-System
npm install
npm run dev

About

A simple and efficient Queue Management System built with React. Allows adding customers, updating their status, and managing queues with a clean, responsive UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published