/little-lemon-finalProject

Meta - Front-End Developer Course Final Project

Primary LanguageJavaScript

Little Lemon - Reustorant & Booking

Table of Content

main-image

Introduction

In this project, from the beginning with figma wireframe design and figma UI design, I created a restaurant website with ReactJS. I tried to use all the features of ReactJS. I made a table reservation system. (I Designed I Coded I Published).

Preparatory Sage


Wireframe

Show Wireframe

wireframe1


UI Design

Show UI Design

ui-design-1 ui-design-2


Features

  • Book a table
  • Order food online
  • View menu

Live Demo

Live Demo Link


Screenshots

screenshot


Technologies

  • ReactJS

Todos

  • Figma wireframe design
  • Figma UI design
  • Create folder structure
  • Create components
  • Create pages
  • Create routes
  • Create styles
  • Create assets
  • Create README.md
  • Header
    • Component
    • Responsive
    • States
    • Mobile Menu
  • Slider
    • Component
    • Responsive
    • States
  • Popular Dishes
    • Component
    • Responsive
    • States
  • About Us
    • Component
    • Responsive
  • Menu Section
    • Component
    • Responsive
  • Reservation Section
    • Component
    • Responsive
  • Mobile App Section
    • Component
    • Responsive
  • Footer
    • Component
    • Responsive
  • Reservation Modal
    • Component
    • Responsive
    • Booking System
  • Deploy

Installation

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

License

This project is licensed under the MIT License - see the LICENSE.md file for details