Cross-Server

HCDC Canteen Web App

Cross-Server — HCDC Canteen Web App screenshot

Overview

Cross-Server is an unofficial canteen web app mockup for Holy Cross of Davao College (HCDC), built with vanilla web technologies. The app simulates an online ordering experience — allowing users to browse a menu, manage a cart, and proceed through a checkout flow — all persisted through local storage without a backend.

Problem

The school canteen lacked a digital interface, requiring students to queue in person with no way to browse the menu or plan orders ahead of time.

Solution

A lightweight web app built with vanilla HTML, CSS, and JavaScript that simulates canteen ordering using local storage for cart and order persistence — no backend required.

Key Features

  • 01Menu browsing by food category
  • 02Cart management with local storage persistence
  • 03Order summary and checkout flow
  • 04Responsive design optimized for mobile use

Project Details

RoleFull Stack Developer
TeamSolo
Duration2025
Tech Stack
HTMLHTMLCSSCSSJavaScriptJavaScriptViteVite