The admin page of the restaurant ordering and reservation system was designed to give restaurant staff or managers full control over customer interactions and restaurant operations in real time. It was implemented using React.js for the frontend and Supabase for backend data management.

The admin interface has a clean, responsive layout built using Bootstrap and later changed to Tailwind CSS. It includes navigation links to different admin sections such as: Dashboard Overview, Order and Reservation tracking, Menu management.

Orders are placed by users on the frontend are automatically synced and displayed using data fetched from Supabase. Each order shows customer name, order items, quantity, total price, and time of order. Admins can mark orders as completed, in progress, or pending.

Admins can view all upcoming reservations made through the customer interface. Each reservation includes customer name, selected date/time, number of people, and any special requests. Reservations are retrieved from the Supabase database and can be filtered by date or status. Although, menu is being fetched from an external API, admin can still add menu to the database. Additionally, admin authentication is handled using Supabase Auth, ensuring only authorized users can access the admin panel.