← BACK TO WORKS

Digital Canteen Ordering & Pickup System

SchoolCanteen

A web application that helps students order food, manage transactions, and pick up their orders efficiently.

Next.jsReactTypeScriptTailwind CSS
SchoolCanteen

Overview

About this project

SchoolCanteen is a digital platform designed to simplify food ordering and pickup processes inside schools.

My Role

Frontend Developer

Responsible for building the interface, creating reusable components, and implementing the frontend workflow.

Key Features

What I built

01

Digital Ordering

Students can browse available food and place orders digitally without waiting in long queues.

02

Pickup Verification

QR-based verification system to ensure orders are delivered to the correct student.

03

Order Management

Provides clear order status tracking from preparation until pickup.

Challenge

What I solved

Creating an interface that simplifies complex ordering workflows while keeping the experience intuitive.

Solution

How I approached it

Designed reusable frontend components and structured the interface around clear user flows.

Gallery

Project Showcase

SchoolCanteen screenshot 1
SchoolCanteen screenshot 2