Skip to content

robcodehub/little-lemon-frontend-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Little Lemon React Frontend Capstone Project

View the live website here:

Video of Website Features

The below video shows a walkthrough of the website and it's features.
Click play on the below video to view the website features:

little-lemon-website.mov

About the Brand

Little Lemon is a charming neighborhood bistro that serves simple food and classic cocktails in a lively but casual environment.
The restaurant features a locally-sourced menu with daily specials.

User Journey Map and Persona

Persona

Customer Journey Map

Style and Brand Guidelines

Logo guide

Color Palette

Typography

Photo Guidelines

Wireframes

wireframe

Website design based on wireframe

Navigation Bar

website-nav

Hero Section

hero

Highlights

specials

Testimonials

testimonials

About

about-section

Footer

footer-website

Reservation / Book a table page

book a table

Running website on local machine

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, install the required packages then run the development server:

npm install then npm run dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about Next.js, take a look at the following resources:

Video of Website Features

If there are issues running the website on your computer, you can view the website demo in this video.
The below video demostrates a walkthrough of the website and it's features.
This was provided at the start of the readme, but is included for end of the readme as well for convenience.

Click play on the below video to view the app features:

little-lemon-website.mov

About

Little Lemon App - Meta React Developer Capstone Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published