ishikajain1234/food-ordering-website

Foodie is a food ordering website that aims to provide users with a seamless experience for ordering food online, taking orders for pickup, and booking tables for dining in. The website showcases the quality and specialties of the food offered, along with a variety of services to cater to different user preferences.

Foodie

Food Ordering Website

               
         

Foodie is a food ordering website that aims to provide users with a seamless experience for ordering food online, taking orders for pickup, and booking tables for dining in. The website showcases the quality and specialities of the food offered, along with a variety of services to cater to different user preferences.

This repository is aimed to help people to contribute in open source and learn Git and GitHub.

Key Features

• Order Online: Users can easily browse through the menu and place orders for delivery.
• Take Order: Customers can also choose to place orders for pickup.
• Book Table: For those who prefer dining in, the website offers the option to book a table in advance.
• Menu: The menu section provides a comprehensive list of food items available for order, along with descriptions and prices.
• App Details: Information about any associated mobile applications for easy access to the service.
• Contact Page: A dedicated contact page for users to reach out for inquiries, feedback, or support.

Technologies Used

• HTML: Markup language for structuring web pages.
• CSS: Styling language for designing the visual layout of web pages.
• JavaScript: Programming language for adding interactivity and functionality to web pages.
• GitHub Pages: Hosting service for publishing the frontend code.

Development Steps

1. Planning and Design:

   • Defined UI requirements based on user needs and business goals.

2. HTML Structure:

   • Developed web page structure using HTML elements.
   • Organized content into logical sections like header, navigation, main content, and footer.

3. CSS Styling:

   • Styled HTML elements to create visually appealing design.
   • Implemented responsive design for compatibility across various devices.

4. JavaScript Interactivity:

   • Enhanced user interaction with dynamic features like menu filtering and form validation.

Tech Stack

• Frontend: HTML, CSS, JavaScript (for user interface and interactivity)
• Database: MongoDB (for storing user data, orders, etc.)~~~~ need to be implemented
• Responsive Design: Ensuring compatibility across various devices and screen sizes.

🍽️ How to Run the Food Ordering Website Locally

Step 1: 🖥️ Clone the Project Repository

First, you need to clone the repository to your local machine. This process downloads a copy of the project files.

1. Open Terminal or Command Prompt:

   • On Windows: You can open Command Prompt by typing cmd in the Start menu search bar and pressing Enter.
   • On macOS: You can open Terminal by pressing Cmd + Space, typing Terminal, and pressing Enter.
   • On Linux: You can open Terminal from your applications menu or by using the Ctrl + Alt + T shortcut.

2. Run the Git Clone Command: In your terminal or command prompt, type the following command and press Enter:

   git clone https://github.com/khushi-joshi-05/FoodOrderingWebsite.git

   This command will create a new directory named FoodOrderingWebsite in your current location, containing all the files from the repository.

Step 2: 📂 Navigate to the Project Directory

Now, change your current directory to the newly created project directory.

1. Navigate Using Terminal or Command Prompt: After cloning the repository, run the following command:

   cd FoodOrderingWebsite

   This command will change your working directory to the FoodOrderingWebsite directory, where all the project files are located.

Step 3: 🌐 Open the index.html File

To view the website locally, you need to open the index.html file in your web browser.

Option A: Using the Command Line

• On macOS: You can open the index.html file directly from the terminal using the following command:

  open index.html

• On Windows: You can open the index.html file directly from the command prompt using the following command:

  start index.html

• On Linux: You can open the index.html file directly from the terminal using the following command:

  xdg-open index.html

Option B: Opening Manually

1. Open File Explorer (Windows) or Finder (macOS):

   • On Windows: Press Win + E to open File Explorer.
   • On macOS: Click on the Finder icon in the Dock.

2. Navigate to the Project Directory:

   • Browse to the location where you cloned the repository.
   • Open the FoodOrderingWebsite directory.

3. Open the index.html File:

   • Find the index.html file within the FoodOrderingWebsite directory.
   • Double-click on index.html to open it in your default web browser.

Additional Notes 📝

• Ensure that you have a web browser installed, such as Chrome, Firefox, Safari, or Edge.
• If the website involves backend services or databases, additional setup steps might be required, such as running a local server or configuring a database. Check the project's documentation for any specific requirements.

By following these steps, you should be able to run the Food Ordering Website locally and view it in your web browser. Enjoy exploring the project! 🍔🍕🌮

---

Open Source Programs

	GSSOC 2024
	This project is part of GirlScript Summer of Code. We welcome contributions from the community.

---

Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

---

License

This project is licensed under the MIT License.

---

Contributors

Thank you for contributing to our repository.😃

Show some ❤️ by starring this awesome repository!