Food Dynasty
Restaurant Website / Online Booking
A responsive restaurant website with an online table booking system, public menu, customer accounts and a staff dashboard — built with HTML, CSS and JavaScript.
Back to PortfolioA Restaurant Site With Working Customer Features
Food Dynasty is a restaurant website project built as a static, front-end web application. It gives the restaurant a public presence (home, about, services, menu and team pages) and adds working customer features on top: an online table booking form, customer registration and login, online food ordering, a loyalty and rewards programme, a review and rating section, an in-app notification centre, and a staff-facing dashboard for managing bookings and viewing contact submissions.
What Food Dynasty Does
The working features delivered in the project, described in terms of day-to-day use.
Booking Workflow
A typical sequence of steps during normal use of the system.
Customer books a table
The booking form captures name, contact details, date, time and party size from the site.
Submission is recorded
The booking is posted to a linked Google Form and read back through the Google Sheets API.
Staff reviews the dashboard
Bookings appear in the staff dashboard with date, time and guest count, filtered as needed.
Booking is confirmed or cancelled
Staff change each booking's status directly from the dashboard.
Technology Stack
The technologies and services confirmed for this project.
Implementation Notes
Factual notes on how the project is put together.
The site is a set of static HTML pages (home, about, services, menu, order, team, contact and account pages) styled with Bootstrap 5 and a custom stylesheet, with client-side JavaScript handling booking, accounts, ordering and dashboard behaviour.
Booking submissions are integrated with a Google Form and read back through the Google Sheets API so the staff dashboard can display and manage them.
Email notifications are sent through a Google Apps Script web app, and the project documents SMS-based verification via Twilio for staff access.
Customer sessions, orders and loyalty points are held in browser local storage, matching the project's static, backend-free architecture.
A staff billing page and bill history view reuse the same menu data for counter billing, with GST and discount handling and a Google Apps Script sync path.
Project Screenshots
A look at Food Dynasty in use.
Product Screenshots Coming Soon
Screenshots of Food Dynasty are being prepared and will be published here once available.
Services Behind This Project
The LOCAVANTIES services most closely involved in building Food Dynasty.
Have a similar project in mind?
Tell us what you are building and we will help you plan a project like Food Dynasty — the same approach can be tailored to your requirements.