README.md

---

Tasteo - Food Ordering Website (Frontend)

Welcome to the Tasteo Food Ordering Website! This is the frontend of a web application that allows users to explore and order food from various restaurants. The project uses HTML, CSS, and JavaScript to provide a smooth user experience.

📋 Tech Stack

• Frontend: HTML, CSS, JavaScript (with any framework/libraries if applicable, such as React or plain JS)
• Backend: Not included in this repository (for backend setup, check the backend repository)

🚀 Project Overview

Tasteo is a simple yet functional food ordering website where users can:

• Browse a variety of dishes
• Add items to their cart
• Proceed to checkout and place an order
• Register, login, and view their order history (Frontend only)

The frontend handles user interactions, displays restaurant menus, and allows users to add items to their cart and proceed to checkout.

🖥 Features

• Restaurant Menu: Display various food items with descriptions, images, and prices.
• Cart System: Add items to the cart and modify quantities.
• Checkout: Users can enter payment information and complete the order.

🔧 Project Structure

Here's a brief overview of the folder structure in the repository:

/Tasteo-FoodOrderingWebsite
│
├── /client                  # Frontend files (HTML, CSS, JS)
│   ├── index.html           # Main landing page
│   ├── menu.html            # Page displaying the restaurant menu
│   ├── cart.html            # Cart page showing added items
│   └── checkout.html        # Checkout page for placing orders
│
├── /public                  # Public assets (images, styles, etc.)
    ├── /images              # Folder for image assets (food images, logos)
    ├── /css                 # Styles for the project
    └── /js                  # Custom JS files for frontend functionality

Main Pages

1. index.html: The homepage of the website where users can see an overview of Tasteo and start browsing the menu.
2. menu.html: A page showing the list of food items from various restaurants. Users can select items to add to their cart.
3. cart.html: The cart page where users can review the food items they've added, change quantities, and proceed to checkout.
4. checkout.html: A page where users enter their payment information, review their order, and place it.

⚙️ How to Start the Project Locally

Follow the steps below to set up the project on your local machine:

Prerequisites

Make sure you have Node.js installed on your machine.

1. Clone the repository:

   git clone https://github.com/SrijaVuppala295/Tasteo-FoodOrderingWebsite
   cd Tasteo-FoodOrderingWebsite

2. Install dependencies: Run the following command in the project root directory to install all the necessary frontend dependencies (if using any):

   npm install

3. Run the frontend: If you are using a frontend framework (like React or a simple development server):

   npm start

   This will run the development server and open the project in your default browser (usually at http://localhost:3000).

4. Directly open the frontend (if using plain HTML/CSS/JS): If you are not using a frontend framework, you can open the index.html file directly in your browser to view the website.

The website should now be running locally.

📸 Screenshots of Each Page

1. Login & SignUp Page

2. Homepage

3. All Restaurant Menu

4. Restaurant Menu

5. Contact Page

6. Cart Page

7. Checkout Page

🎥 Demo Video

Watch the demo video to see how the website works in action:
Watch Demo Video

👥 Contributing

If you're interested in contributing to the Tasteo Food Ordering Website, feel free to open an issue or fork the repository. We welcome contributions such as:

• Adding new features
• Improving the UI/UX
• Fixing bugs
• Enhancing documentation

Please reach out if you'd like to contribute! You can contact me via LinkedIn or email.

💬 Contact

• GitHub: https://github.com/SrijaVuppala295/Tasteo-FoodOrderingWebsite
• LinkedIn: https://www.linkedin.com/in/srijavuppala02/
• Reach me: srijavuppala295@gmail.com

---