Full-Stack Development

CampusBite

A role-based food ordering and vendor management platform built for university campuses, enabling students to pre-order meals, track live order status, and allowing admins to govern vendors through a secure approval ecosystem.

Role Full-stack Developer
Timeline 10 Weeks
Deliverables Web App, Developer Vendor Dashboard, Admin Panel, REST API
Campus Mess Pre-Order System Dashboard

The Challenge

Campus dining at National Textile University Faisalabad operated entirely through manual processes, causing severe bottlenecks during peak meal hours. Students stood in long queues with no visibility into daily menus and no way to pre-order or track their food. Vendors managed all incoming orders verbally at the counter with no digital tools for inventory or revenue tracking. University administration had no centralized oversight of campus vendors, no approval mechanism, and no access to system-wide analytics, creating a significant quality control and security gap across the entire campus food ecosystem.

The Solution

A complete three-role digital ecosystem was built using the MERN stack where students can browse daily menus, add items to cart, and place pre-orders with pickup times in under five interactions. Vendors receive a real-time order queue with a clear status pipeline from pending through preparation to completion. The admin panel features interactive revenue charts and a vendor approval system with an automatic cascade mechanism that instantly hides menu items and cancels pending orders when a vendor authorization is revoked, ensuring students are never exposed to unauthorized food services across the platform.

Technologies Used

React.js Node.js Express.js MongoDB Tailwind CSS Framer Motion Axios Context API Recharts