Little Lemon Table Booking System

📚 Project Overview

This project is the final capstone for the Meta Front-End Developer Certificate. I developed a table reservation system for the Little Lemon restaurant, applying modern front-end best practices and technologies. The application is not only functional but was also designed with a focus on usability, accessibility, and an excellent user experience.

🚀 Technologies and Skills

This project demonstrates a strong command of:

• React: Building a dynamic, component-based user interface.
• React Hooks: Using useState, useEffect, and useReducer for advanced state management.
• State Management: Implementing complex state logic for a smooth booking experience.
• Responsive Design: Using CSS Grid and Media Queries to create a layout that adapts to any device.
• Accessibility (A11Y): Applying best practices to ensure the app is usable for all users.
• Form Validation: Creating robust validation logic to prevent input errors.
• Routing: Managing efficient navigation between pages with React Router.
• Unit Testing: Writing tests to verify critical functionalities and improve code reliability.
• Figma: Prototyping the user interface.

🎨 UI & UX Design

Initial prototypes and wireframes were designed in Figma, with a focus on User Experience and User Interface principles.

💻 How to Run the App

Prerequisites

• Node.js and npm installed.

Instructions

1. Clone the repository: git clone https://github.com/mirkomkr/little-lemon-capstone-meta-frontend.git
2. Navigate to the project directory: cd little-lemon-capstone-meta-frontend
3. Install the dependencies: npm install
4. Start the application: npm start

The application will be available at http://localhost:3000.

✍️ Author

• Mirko Passeri
  • GitHub
  • LinkedIn