Food canteen connect

Smart Canteen enables students to order food online, pay securely, and collect via QR codes, reducing queues and streamlining canteen operations in real time.

Comment

Inspiration

College canteens often face long queues, delayed service, and inefficient order management during peak hours. Students waste valuable time waiting, while canteen staff struggle to handle multiple orders simultaneously. We wanted to build a smart digital solution that simplifies food ordering, reduces waiting time, and improves the overall canteen experience.

What it does

Food Canteen Connect is a smart web-based platform that allows students to:

  • Browse the digital menu and place orders online.
  • Add food items to a cart and make secure payments using Razorpay.
  • Track order status in real time.
  • Receive a dynamic QR code after successful payment for secure food collection.

The platform also provides powerful tools for canteen administrators and kitchen staff:

  • Live order management dashboard.
  • Kitchen Display System (KDS) for monitoring incoming orders.
  • QR code scanning for secure order verification and collection.
  • Sales and revenue analytics.
  • Dynamic menu management.

How we built it

Frontend

  • React (Vite)
  • Tailwind CSS
  • Axios
  • Razorpay Checkout Integration
  • html5-qrcode

Backend

  • FastAPI
  • MongoDB with Motor Asyncio
  • WebSockets for real-time updates
  • Razorpay Python SDK
  • PyJWT
  • QR Code generation libraries

The frontend communicates with FastAPI APIs, while MongoDB stores user, menu, and order information. WebSockets enable live updates between students, admins, and kitchen staff.

Challenges we ran into

  • Implementing secure payment integration with Razorpay.
  • Generating and validating dynamic QR codes for order collection.
  • Synchronizing real-time order updates using WebSockets.
  • Designing a responsive UI that works seamlessly across devices.
  • Managing live order status changes between students, admins, and kitchen staff.

Accomplishments that we're proud of

  • Successfully built an end-to-end smart canteen management system.
  • Integrated secure online payments and QR-based collection.
  • Implemented real-time kitchen and order tracking dashboards.
  • Created a modern, responsive, and user-friendly interface.
  • Reduced manual intervention in canteen operations.

What we learned

Through this project, we gained hands-on experience in:

  • Full-stack web development using React and FastAPI.
  • Real-time communication using WebSockets.
  • Payment gateway integration with Razorpay.
  • Working with MongoDB in asynchronous environments.
  • Secure authentication and QR-based verification systems.
  • Team collaboration, debugging, and project deployment.

What's next for Food Canteen Connect

  • AI-based demand prediction for popular food items.
  • Personalized food recommendations for students.
  • Push notifications for order updates.
  • Inventory and stock management.
  • Mobile application development.
  • Multi-canteen support for large campuses.
  • Advanced analytics and reporting dashboards.
  • Integration with college ID cards for seamless authentication.

Built With

Share this project:

Updates