Food Court KEC - Mobile App for College

Home Screen
Home Screen
Splash Screen
Splash Screen
About Screen
About Screen

Category:

Mobile Application

Client:

Food Court KEC

Duration:

6 weeks

Food Court KEC: Streamlining Campus Dining Operations

My Approach Designing a mobile application for a high-volume college canteen requires setting speed and reliability as the ultimate standards. My approach focused on building a system that balances a frictionless, intuitive ordering experience for users with a powerful, automated ledger for the staff. Every screen, workflow, and backend interaction was engineered to eliminate queue chaos, communicate order statuses clearly, and provide the management team with flawless operational control.

Vision and Innovation The vision behind the Food Court KEC app was to create a digital presence that completely modernizes the campus dining experience. It replaces outdated paper receipts with a real-time digital ecosystem, allowing students to order seamlessly while giving the kitchen instant updates. Features like a live order-tracking system and an automated daily ledger establish an entirely new standard for speed and efficiency during peak lunch hours.

Identifying Unique Challenges Managing a college canteen faces a unique challenge: the massive influx of daily orders usually results in staff drowning in manual ledgers, lost receipts, and long, frustrating queues for students. Many existing POS systems are either too complex for quick onboarding or fail to handle rapid, high-volume transactions. I addressed this by designing an interface so intuitive that students and staff could adopt it on day one without any friction, ensuring operations run smoothly even during the busiest periods.

Resolving Complex Problems A major requirement was ensuring the management team could actively track every single order, payment, and stock update without wrestling with manual calculations. I solved this by developing a centralized "Canteen Ledger" architecture that automatically logs incoming orders and synchronizes with the backend inventory. This approach provides true scalability and peace of mind, replacing a messy manual process with a clean, foolproof digital system.

User-Centric Design The design prioritizes rapid usability and clear conversion paths. Students can explore the daily menu, customize their orders, and check out without friction. Clean layouts, strategic visual hierarchy, and an intuitive navigation flow keep the app experience highly functional yet entirely focused on getting the user their food as quickly as possible.

Meeting User Needs Whether the user is a student rushing between classes to grab a quick meal, or the canteen manager needing to reconcile the day’s earnings, the platform provides clear pathways. The frontend app delivers a seamless ordering process that saves students time, while the robust backend dashboard removes the headache of financial tracking for the staff, giving them total control over business operations.

Detailed Pages and Features

  • Student-Facing UI & Live Menu — Features a highly polished, responsive interface built with Nativewind that fully supports Dark/Light modes, enhanced by smooth Reanimated transitions, BlurViews, and a dynamic "typing effect" search bar.

  • Smart Cart & Complex Delivery Routing — The cart engine automatically calculates dynamic packaging fees based on specific item rules (like bulk bread quantities) and generates strict 15-minute pickup time slots tailored to the user's selected location (Food Court, Hostel, S&H, or MTS).

  • Real-Time Order Tracking & Haptics — Students monitor their orders through a live Supabase WebSocket channel, visualized by a sleek, animated progress tracker (Placed ➔ Cooking ➔ Ready) that triggers native device Haptic feedback whenever the order status changes.

  • Advanced Admin Controls & Broadcasting — A comprehensive management dashboard allowing staff to instantly pause specific delivery zones during rushes, adjust maximum pickup times, push campus-wide announcements via Edge functions, and enforce mandatory app updates.

  • EOD Reports & Analytics — Operating on a strict daily cycle (8 AM - 10 PM), the history system automatically separates active orders from completed ones, generating live End-of-Day inventory summaries and revenue logs that sync directly with the custom PDF print engine.

  • Profile & Session Management — A fluid, slide-out animated drawer providing students with instant access to their 24-hour order history, alongside secure profile editing and strict Google Play Store compliance flows for account deletion.

  • Robust Error Handling — Implements AbortControllers for the checkout flow to handle slow campus network connections gracefully, preventing double-billing or stalled screens during high-traffic lunch hours.

Conclusion The Food Court KEC project represents the intersection of highly accessible UI design and robust backend engineering. By delivering a fast, fully integrated, and widely adopted mobile application—successfully deployed to the Google Play Store—I equipped the Kongu Engineering College food court with the digital foundation needed to eliminate chaos and manage their business with absolute authority.

Create a free website with Framer, the website builder loved by startups, designers and agencies.