Wareg Restaurant – Modern Food Ordering Landing

Role: Front-End Developer

Tech Stack: Astro 5 · Tailwind CSS v4 · TypeScript · nanostores · Zod · Vitest

A from-scratch rebuild of a 2021 restaurant landing page — originally built with Bootstrap 5 and jQuery — now reimplemented as a modern static site using Astro 5, Tailwind v4, and TypeScript.

The new version ships with mock cart and auth (persisted to localStorage via nanostores), content-driven menu data validated by Zod schemas, and a polished mobile-first design verified from 375px to 1920px.

Key features:

• Mock cart flow with quantity controls and order confirmation
• Mock auth — register and sign in against a localStorage-backed user list
• Content collections — 40 dishes, 8 chefs, 4 reviews as Zod-typed JSON
• Mobile-first responsive — verified iPhone SE through 4K desktop
• Accessible — keyboard navigation, ARIA tabs, focus rings, reduced-motion
• SEO ready — sitemap, JSON-LD Restaurant + MenuItem schema, OpenGraph
• 21 Vitest unit tests, zero JS errors
• Zero JavaScript by default — only cart drawer and forms hydrate