
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