TASTY DISHES

Phase 2 : END OF PHASE PROJECT

Introduction

[ ( https://drive.google.com/file/d/1KDfwXH_SLDqJoIyagXonk0tVKj-1uo3T/view)]

Welcome to the official website of Tasty Dishes! We are delighted to have you here and share our passion for serving delicious and memorable meals. This README will give you a brief overview of our restaurant's website and its features.

Features

Our restaurant's website is designed to offer a seamless and enjoyable experience to our customers. Here are some key features you can expect:

1. Menu Explore our diverse menu featuring a wide array of delectable dishes. From hearty breakfast options to mouthwatering lunch and dinner choices, we have something to satisfy every palate. Each menu item is accompanied by a detailed description, allowing you to envision the flavors and textures that await.

2. About Us Discover the story behind Tasty Dishes and the passionate team that works tirelessly to make your dining experience extraordinary. Learn about our philosophy, values, and commitment to culinary excellence.

3. Contact Information If you have any questions, feedback, or special requests, our contact information is readily available on the website. Feel free to reach out to us, and we'll be more than happy to assist you.

4. Careers Are you passionate about cooking and eager to be a part of an exceptional culinary team? At Tasty Dishes, we believe that our staff is the heart and soul of our restaurant. We are always on the lookout for talented individuals who share our love for creating delectable dishes and delivering exceptional dining experiences.

5. Featured Products Discover our hand-picked selection of featured products that showcase the best of what Tasty Dishes has to offer. Our chefs have carefully crafted these signature dishes to delight your taste buds and leave a lasting impression. These featured products change periodically, ensuring you have something new and exciting to try with each visit.

6. Order Online Enjoy the convenience of ordering your favorite dishes online and having them delivered to your doorstep or prepared for pickup. Our easy-to-use online ordering system allows you to customize your order.

Dependencies

Prerequisites

Before running this app, make sure you have the following installed on your system:

• Node.js (v18.15.0 or later)
• npm (v9.6.7 or later)

Front-end Dependencies

• React (v20.2.0)
• React DOM (v18.2.0)
• React Scripts (v5.0.1)
• React router dom

Project Setup

1. Clone the repository

git clone https://github.com/njagiiii/Dishes

2. Navigate to the project directory

cd Dishes

3. Install required dependencies

In the project directory, install the required dependencies

npm install

Test the server by visiting this route in the browser

https://dishes-snyh.onrender.com/menu

Sample:

"appetizers": [
{
"id": 1,
"name": "Garlic Bread",
"price": 450,
"description": "Freshly baked garlic bread with a hint of herbs.",
"image": "https://images.pexels.com/photos/13698106/pexels-photo-13698106.jpeg?auto=compress&cs=tinysrgb&w=1600"
},
{
"id": 2,
"name": "Caesar Salad",
"price": 545,
"description": "Romaine lettuce, croutons, parmesan cheese, and Caesar dressing.",
"image": "https://images.pexels.com/photos/1211887/pexels-photo-1211887.jpeg?auto=compress&cs=tinysrgb&w=1600"
},
{
"id": 3,
"name": "Spring Rolls",
"price": 380,
"description": "Crispy vegetable spring rolls served with sweet chili sauce.",
"image": "https://images.pexels.com/photos/9406092/pexels-photo-9406092.jpeg?auto=compress&cs=tinysrgb&w=1600"
}
]

5. Start the development server

npm start

This runs the app in the development mode.

6. Open your browser and interact with the app

The app will open on your default browser automatically when npm start is run, but if it doesn't, open http://localhost:3000 to view it.

You may also see any lint errors or logs in the console.

Tree view of the component parent-child structure

└── App
    ├── Navbar
    ├── Home
    ├── Menu
    │   ├── Appetizer
    │   ├── Breakfast
    │   ├── Dessert
    |   ├── Drinks
    |   ├── Main
    |   
    ├── Featured Products
    ├── About
    ├── Careers
    ├── Footer

Project Deliverables

As a user should be able to:

• View different categories of the menu.
• Fill out details of feedback as well as how we can improve.
• Get our contacts for more enquiry.
• Fill in a form to apply for a job with us.
• Get to know more about Tasty Dishes.

Project Advanced Deliverables

As a user should be able to :

• Make an order through the website.

Live Site

The Tasty Dishes website is live and accessible at the following link:

https://www.tastydishes.com

Feel free to visit the site and explore our menu, learn more about us, and place your orders online!

Author & License

Authored by: Grace Makena. Miriam Rehema. Abed Nganga. Cedric Michael. Noelle Maingi.

Licensed under the MIT License - see the LICENSE file for details.