Little Lemon Restaurant

Welcome to the Little Lemon Restaurant project! This dynamic, responsive website is designed as part of the Coursera Front-End Developer Capstone project, showcasing the fictional Little Lemon Restaurant. Built using React, this project highlights modern web development practices with a focus on responsive design, interactive features, and clean code architecture.

Table of Contents

• Features
• Live Demo
• Installation
• Usage
• Project Structure
• Technologies Used
• Author
• License

Features

• Responsive Design: Optimized for viewing on various devices, from desktops to smartphones.
• Interactive Booking System: Allows users to book tables at the restaurant through an intuitive interface.
• Under Construction Pages: Placeholder pages for future features, demonstrating how expansion can be planned.
• Easy Navigation: Implemented using React Router for smooth and fast page transitions.
• Modern UI: Clean and attractive user interface, providing a pleasant user experience.

Live Demo

Check out the live version of the project here: https://project1.tsika.eu

Installation

To get started with the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/TsikaAndreas/LittleLemonApp.git
   

2. Navigate to the project directory:

   cd LittleLemonApp

3. Install the dependencies:

   npm install

Usage

To run the project locally, follow these steps:

1. Start the development server:

   npm start

2. Open your browser and go to:

   http://localhost:3000/
   

3. Explore the website: Navigate through different pages and try out the booking system. Enjoy!

Project Structure

Here's a brief overview of the project's structure:

LittleLemonApp/
├── public/                         # Static files
├── src/
│   ├── assets/                     # Images, icons, and other static assets
│   ├── components/                 # Reusable React components
│   │   ├── layout/                 # Layout components (Header, Footer, etc.)
│   │   ├── pages/                  # Individual pages
│   │   │   ├── Home/               # Home page components
│   │   │   ├── Bookings/           # Booking page components
│   │   │   ├── NotFound/           # 404 Not Found page components
│   │   │   └── UnderConstruction/  # Placeholder for future features
│   ├── utils/                      # Utility functions and helpers
│   ├── App.js                      # Main app component
│   └── index.js                    # Entry point for React

Technologies Used

• React: Front-end library for building user interfaces.
• React Router: Library for routing in React applications.
• CSS3: Styling the components and layout.
• JavaScript (ES6+): Core programming language.
• npm: Package manager for installing dependencies.

Author

This project was created by Andrei-Robert Tsika. You can find me on:

• Github: TsikaAndreas
• LinkedIn: tsika

License

This project is licensed under the MIT License. See the LICENSE file for more details.