Full-Stack Canteen Automation System

Title: Canteen Automation System – Full-Stack Web Application

Description:
I have developed a complete Canteen Automation System using React.js for the frontend, Node.js/Express.js for the backend, and MongoDB as the database. This system streamlines the food ordering process in institutional or office canteens, reducing manual work, minimizing errors, and improving overall efficiency.

Key Features:
User Authentication: Secure login/signup for users and admin using JWT.
Menu Management: Admin can add, update, or remove food items from the digital menu.
Live Ordering System: Users can browse menu items and place orders in real time.
Order Tracking: Users can track order status (e.g., Preparing, Ready, Delivered).
Cart Functionality: Add/remove items to cart before placing the final order.
Admin Dashboard: View all active orders, manage inventory, and generate order reports.
Responsive Design: Fully responsive interface for both desktop and mobile users.
Payment Placeholder: Integrated dummy payment system (can be upgraded to Stripe).
Tech Stack: React.js, Node.js, Express, MongoDB, JWT, Tailwind CSS/Bootstrap

Role & Contributions:
Designed responsive UI using React.js and Tailwind CSS
Developed RESTful APIs with Node.js and Express.js
Implemented authentication with JWT and password encryption using bcrypt
Used MongoDB with Mongoose for data modeling and storage
Tested and deployed using tools like Postman and Render/Heroku

Outcome:
Reduced order wait times and improved transparency in the canteen workflow
Enhanced customer satisfaction through real-time tracking and digital payments
Scalable system, ready to be deployed in schools, colleges, or company cafeterias