JSON-Driven Static Digital Menu
A restaurant POS / digital-menu platform
Overview
A lightweight, JSON-driven digital menu page for a restaurant POS / digital-menu platform, a self-contained static front end that renders a restaurant’s menu from a structured data file.
Why It Exists
Restaurants needed a fast, no-backend way to publish a clean digital menu (e.g. for a tablet or web link). This page renders menu content directly from a JSON definition, keeping the menu easy to update without code changes.
What We Built
A static front end consisting of an index.html, a Sass-authored stylesheet (main.scss compiled to main.css with source maps), bundled custom fonts and imagery, and a meniu-json.json data file that drives the rendered menu. The structure cleanly separates content (JSON) from presentation (SCSS), allowing the same template to display different menus.
Technologies & Approach
Plain HTML with Sass/SCSS for maintainable styling and a JSON data source for content, deliberately minimal, with no backend dependency, for fast loading and trivial hosting.
Outcome / Impact
Delivered a simple, brandable digital-menu surface that complements the platform’s heavier ordering and admin systems with a zero-infrastructure presentation layer.
Capabilities Demonstrated
- Data-driven rendering from a JSON content source
- Maintainable styling with Sass/SCSS and custom typography
- Lightweight, dependency-free static web delivery