Skip to content

Latest commit

 

History

History
114 lines (77 loc) · 3.57 KB

README.md

File metadata and controls

114 lines (77 loc) · 3.57 KB

Little Lemon Restaurant

project-image

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.

shields shields shields
shields shields
shields

🚀 Demo

LIVE DEMO

Table Of Contents

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

Main page

Booking 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