🏢 Project: Greatville Signature Hotel – Online Restaurant Menu & Table Ordering
Project Type: Food menu page with table ordering and admin dashboard
Location: Surulere, Lagos, Nigeria
Client: Greatville Signature Hotel
Website: https://menu.greatvillesignature.com/#/menu/restaurant/
Role: Full‑Stack Web Developer
✨ Project Description:
Greatville Signature Hotel’s restaurant menu is a dynamic single-page menu interface (not SPA) that showcases categorized dishes and allows guests to place orders directly from their tables. Paired with a powerful admin dashboard, it enables hotel staff to manage items, categories, pricing, availability, and table orders easily. The design is mobile-friendly, visually engaging, and ideal for in‑dining and remote ordering.
Key features:
- Categorized food and drinks: Appetizers, Main Courses, Desserts, Beverages, etc.
- Dish details: name, price, description, images
- Online table ordering: guests can add items to their table order, specify quantity, and submit directly
- Admin dashboard: manage menu items, categories, availability, pricing, and live orders
- Order notifications: real-time alerts when guests submit table orders
- Responsive layout for seamless mobile, tablet, and desktop access
🛠️ My Contributions:
Frontend Development:
- Built responsive menu page with clear category navigation and dish detail cards
- Implemented table order UI allowing guests to add items, adjust quantity, and submit orders
- Ensured fast loading, intuitive UX on all devices
Backend & Dashboard:
- Developed admin panel to create/update/delete categories, dishes, prices, and stock
- Built order management: view real-time table orders, accept or mark completed
- Integrated backend API to sync menu, orders, and data updates
- Enabled notifications for new table orders to staff dashboard
Enhancements:
- Implemented image optimization and lazy loading to improve performance
- Structured clean URL paths and metadata for each menu section
- Made menu content fully editable by staff without developer support
✅ Results & Impact:
- Simplified dining experience: guests browse and order from their table via phone or provided device
- Empowered staff: instantly update menu items and manage live orders through dashboard
- Increased ordering speed and accuracy with live order system
- Enhanced brand experience with clean, professional menu layout
🔧 Tech Stack:
- Frontend: HTML, CSS, JavaScript (JS framework or vanilla)
- Backend: PHP (Laravel) or Node.js with MySQL
- RESTful API for menu and order communication
- Admin dashboard for content and order management
- Responsive design, image optimization, order notifications