Explanation of Technology used

React is the core framework used to build the front-end of the application. React enables the creation of fast, dynamic, and interactive user interfaces with reusable components for both customers and admins. Then I used React Router for navigating between pages such as Home, Menu, Reservation, Order Summary, and Admin Dashboard without reloading the page (client-side routing).

I also used a utility-first CSS framework used for styling. Tailwind allowed for rapid design and responsiveness, ensuring a consistent and modern look across all devices.

Then I used React Router for navigating between pages such as Home, Menu, Reservation, Order Summary, and Admin Dashboard without reloading the page (client-side routing). A separate interface built with the same React architecture that allows restaurant managers to view and manage customer orders, reservations, and menu items.

Supabase handles the: Data storage (menu items, orders, reservations, users), real-time updates (e.g., new orders appearing in the admin dashboard), Authentication (used for login/signup), API access to interact with the frontend easily.

Project Purpose and Goal

The purpose of the savour restaurant ordering and reservation system is to simplify and modernize how customers interact with a restaurant by offering a seamless digital platform. It enables users to easily browse the menu, place orders, and reserve seats from any device, enhancing convenience, reducing wait times, and improving overall customer satisfaction.

The primary goal of this system is to streamline restaurant operations while delivering an efficient and user-friendly experience. It aims to automate the ordering and reservation process, reduce manual workload for restaurant staff, minimize errors in order and seat management, provide real-time data and control to the admin for decision-making, ensure a smooth, modern, and intuitive experience for both customers and restaurant managers.