Skip to content

Master369963/Little-lemon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Little Lemon Restaurant website

In this project, I built the wireframe and prototype in Figma from the beginning and then created a responsive website with React.

There are mainly 2 pages: the homepage and a functional booking page with form validation.

Live Demo

Live Demo Link

Project Screen Shot(s)

Home page

You will be re-directed to the related section when you click menu items in the header.

image

image


Reservation page

Select date, time and guest's number to make a reservation.

image

Booking form with the validation. Confirm button is available only when the required areas are filled.

image

Booking success page

image

Technologies

  • React
  • React Router
  • CSS Modules
  • SASS/SCSS
  • Swiper
  • Formik
  • Yup

Installation

  • Clone the repository
  • Run npm install
  • Run npm start