1. Interface Standard
All pages use the same navbar, button style, black/yellow colour scheme, rounded cards and consistent spacing.
System Rubric
Presenter checklist page.
This page helps you explain how the website meets the System evaluation items.
2. Insert Function
The Booking page inserts table booking records and the Online Order page inserts food order records with generated IDs, localStorage backup and Firebase Firestore sync.
3. Update / Delete
The My Bookings page updates guest count/request notes and cancels bookings. Admin can update status or delete records.
4. Search / List
Menu preview, online ordering, booking management and admin pages provide search, filtering and clear listing of records.
5. Email / Graph / PDF
Bookings generate email draft links, admin dashboard draws a canvas graph, and print mode can save report as PDF.
6. Security
Admin login uses SHA-256 password hash checking, session storage, validation and error messages.
7. Database Concept
The prototype uses localStorage backup and Firebase Firestore collections such as bookings and orders, with database-style IDs, customer details, item lists, payment status and relationships.
8. Calculation
The booking page calculates table booking estimate, while the order page calculates cart subtotal, student discount, service fee, delivery fee and total payment automatically.
Calculation Formula
Booking total = Deposit − Student Discount + Service Fee
Booking deposit = Guests × RM1.00. Service fee = 3% after discount. Online order total = Cart subtotal − Student Discount + Service Fee + Delivery Fee.
Firebase sync
When users insert bookings or online food orders, the system saves locally and attempts to sync to Firebase Firestore. Admin deletion removes local records and also attempts to delete the matching Firebase document ID for synced records.