Cant-Man - Canteen Management System
Role-Gated Canteen Management & Meal Pre-Ordering
Project Overview
Cant-Man is a full-stack Canteen Management System built with a RESTful Node.js/Express.js backend and a React.js frontend. The system features three distinct user roles — Admin, Canteen Staff, and Student — each with a tailored dashboard.
Overview
Cant-Man is a full-stack Canteen Management System built with a RESTful Node.js/Express.js backend and a React.js frontend. The system features three distinct user roles — Admin, Canteen Staff, and Student — each with a tailored dashboard.
Student Experience
Students can browse the live food menu, add items to a cart, place real-time orders, pre-order upcoming meals, rate food items, and submit food suggestions, including a re-suggestion mechanism.
Staff and Admin Management
Canteen staff can manage food categories, menu items (with image uploads via Multer), track and process incoming orders, and review student suggestions. Admins oversee the entire system including canteen onboarding.
Backend and Security
Authentication is handled via JWT tokens with session persistence backed by a MySQL session store (express-mysql-session), ensuring secure, role-gated access across all routes. State management on the frontend is handled globally with Redux Toolkit, and data visualizations (order trends, dashboards) are powered by Chart.js. The frontend leverages React Router v6 for client-side navigation with lazy-loaded routes.
Screenshots & Gallery
