About the Project
Restaurante Experience App is a modern web application designed for the comprehensive management of a premium restaurant. This project simulates a full-stack ecosystem, offering a fluid experience for both the end customer and administrative staff.
Personal Project | Designed to demonstrate capabilities in Advanced React, Software Architecture, and UX/UI Design.
đź”— Visit Website
Key Features
Client Side (Public Facing)
- Impactful Landing Page: “Premium” design with fluid animations (Framer Motion), elegant typography, and an immersive dark mode interface.
- Visual Reservation Management: Unique system where customers not only choose the time but also select their specific table on a real-time interactive map, validating availability based on date and time.
- Digital Catalog: Menu visualization with category filtering and product details.
Admin Panel & POS
- Real-Time Dashboard: Overview of the dining room with status indicators (Free, Occupied, Reserved) and visual alerts for “Pending Reservations”.
- POS System: Table opening, waiter assignment, item management, and automatic total calculation.
- Ticket / Invoicing: Automatic generation of consumption tickets (PDF) using native browser capabilities.
Tech Stack
- Core: React 18, TypeScript, Vite.
- Styles: SCSS Modules with Design Tokens.
- Architecture: Service Layer pattern to abstract business logic and simulate a backend with
LocalStoragepersistence and artificial latency.
Implementation Highlights
- Cross-Reservation Logic: Intelligent detection of conflicts between free tables and upcoming reservations.
- Optimizations: Efficient use of
useMemofor complex data. - Zero-Dependency PDF: Ticket generation using standard web tools (
window.print).