Little Lemon - Reustorant & Booking

Table of Content

• Introduction
• Preparatory Sage
  • Wireframe
  • UI Design
• Features
• Live Demo
• Screenshots
• Technologies
• Todos
• Installation
• License

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

UI Design

Show UI Design

---

Features

• Book a table
• Order food online
• View menu

---

Live Demo

Live Demo Link

---

Screenshots

---

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