Restaurante Experience App

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 LocalStorage persistence and artificial latency.

Implementation Highlights

• Cross-Reservation Logic: Intelligent detection of conflicts between free tables and upcoming reservations.
• Optimizations: Efficient use of useMemo for complex data.
• Zero-Dependency PDF: Ticket generation using standard web tools (window.print).