Skip to content

A React-based frontend application showcasing responsive design and user interaction, built as part of the Meta Frontend Capstone Project.

Notifications You must be signed in to change notification settings

stephany247/little-lemon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Little Lemon Restaurant

This repository contains the Little Lemon Restaurant website, created as a capstone project for the Meta Frontend Developer Professional Certificate.

Table of Contents

Introduction

The Little Lemon Restaurant website is a showcase project developed as part of the Meta Frontend Developer Professional Certificate. It highlights core competencies in modern frontend development, including creating visually appealing designs, crafting responsive layouts, and integrating dynamic, user-focused interactions. Built with React and other cutting-edge tools, this project emphasizes performance, usability, and seamless user experiences.

Project Preview

The Little Lemon Restaurant website features a visually appealing design that is fully responsive, ensuring an optimal experience across devices. The homepage showcases a clean, user-friendly interface with an intuitive navigation bar, a dynamic hero section, and well-structured content. Key features include:

  • Responsive Design: The layout adapts seamlessly across various screen sizes, ensuring it looks great on desktops, tablets, and mobile devices.
  • Interactive Elements: Users can explore restaurant services, view the menu, and make reservations with ease.
  • Modern UI/UX: The design follows current best practices, using React for smooth, dynamic interactions.

Features

  • Homepage: Engaging hero section with highlights of special dishes and restaurant features.
  • About Us: Overview of the restaurant’s history, mission, and values.
  • Reservations: Easy-to-use online booking system for table reservations.
  • Contact Information: Address, phone, email, and an interactive map for easy access.
  • Social Media Links: Quick access to the restaurant’s social media pages.
  • Responsive Design: Optimized for seamless use across all devices.

Technologies Used

  • React
  • Javascript
  • React Router
  • HTML5
  • CSS3

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

Make sure you have npm and node.js installed on your system. You can download it from nodejs.org.

Installation

  1. Clone the repository:
    git clone https://github.com/stephany247/little-lemon.git
  2. Navigate to the project directory:
    cd little-lemon
  3. Install the dependencies:
    npm install

Running the Project

To run the project locally, use the following command:

npm start