Little Lemon Restaurant

Capstone Project, for the Meta Front-End specialization. In this project, the goal was to solve a real-world problem where the owner of the Little Lemon Restaurant has a website for their business but their clients would love to be able to reserve a table online.

  
 

🚀 Demo

LIVE DEMO

Table Of Contents

• Table Of Contents
• About The Project
  • Screenshots
    • Main page
    • Booking page
  • Requirements
  • Optimizations/Problems to solve:
• Built With
• Getting Started
  • Prerequisites
  • Creating A Pull Request
• License
• Authors

---

About The Project

The brand style guide was provided and with it I was able to do the wireframe, prototype and create some components using Figma. File

Screenshots

Main page

Booking page

Requirements

• Follow the brand style guide provided and do the wireframe + prototype (Figma file)
• Make use of semantic tags
• Use Open Graph Protocol
• Implement some of the things learned in React (hooks, useEffect, useState, controled components,...)
• Using git version control during the development of the project
• Implement unit tests using Jest

Optimizations/Problems to solve:

• make it responsive for all screens
• Show alert when submitting the form
• better unit tests
• better the performance/speed of the page on a page load
• image optimizations
• switch the map image for a real map (leaflet, e.g.)

---

Built With

• HTML & CSS
• JavaScript - React
• Chakra UI
• Formik and Yup (form validation)
• Jest

---

Getting Started

Prerequisites

You need to have npm installed.

• npm

Quick start:

$ npm install
$ npm start

Creating A Pull Request

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

License

Distributed under the License. See LICENSE for more information.

---

Authors

• Sílvia Vanessa - Software Developer - Sílvia Vanessa