Code Monkey home page Code Monkey logo

sau-mili / food-ordering-website Goto Github PK

View Code? Open in Web Editor NEW

This project forked from khushi-joshi-05/food-ordering-website

1.0 0.0 0.0 51.89 MB

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.

Home Page: https://foodies-ordering-website.netlify.app/

License: MIT License

JavaScript 6.71% CSS 21.11% HTML 72.18%

food-ordering-website's Introduction

Foodie

Food Ordering Website

foodie


Open Source Love   PRs Welcome   Lines of Code   Stars Badge   Forks Badge   GitHub contributors   GitHub last commit   Repo. Size  
         


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.

🍽️ Food Ordering Website: Run Locally & Contribute

📥 Clone the Repository

  1. Open Terminal or Command Prompt:

    • Windows: Open Command Prompt (search cmd).
    • macOS: Open Terminal (Cmd + Space, type Terminal).
    • Linux: Open Terminal (Ctrl + Alt + T).
  2. Clone the Repository:

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

    This will create a FoodOrderingWebsite directory with all project files.

📂 Navigate to the Project Directory

  1. Change Directory:
    cd FoodOrderingWebsite

🌐 View the Website Locally

Option A: Using Command Line

  • macOS:
    open index.html
  • Windows:
    start index.html
  • Linux:
    xdg-open index.html

Option B: Open Manually

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

    • Windows: Press Win + E.
    • macOS: Click Finder in the Dock.
  2. Navigate to FoodOrderingWebsite Directory:

    • Browse to the cloned repository location.
    • Open the FoodOrderingWebsite directory.
  3. Open index.html:

    • Locate index.html.
    • Double-click to open it in your default browser.

🛠️ Contributing

Create an Issue

  1. Navigate to the GitHub Repository:

  2. Open the Issues Tab:

    • Click on Issues.
    • Click on New issue.
    • Describe the issue clearly and submit.

Fork, Commit, and Push Changes

  1. Fork the Repository:

    • Click on Fork at the top right of the repository page.
  2. Clone Your Fork:

    git clone https://github.com/YOUR_USERNAME/FoodOrderingWebsite.git
  3. Create a New Branch:

    cd FoodOrderingWebsite
    git checkout -b your-branch-name
  4. Make Changes:

    • Edit files as needed.
  5. Add and Commit Changes:

    git add .
    git commit -m "Your commit message"
  6. Push to Your Fork:

    git push origin your-branch-name

Create a Pull Request

  1. Navigate to Your Fork on GitHub:

    • Go to your forked repository.
  2. Open the Pull Requests Tab:

    • Click on Pull requests.
    • Click on New pull request.
  3. Compare Changes:

    • Select the base repository and branch.
    • Select your fork and branch.
  4. Submit the Pull Request:

    • Click on Create pull request.
    • Describe your changes and submit.

Happy coding! Feel free to contribute and help us improve the Food Ordering Website. 🍕

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 Logo 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.😃

Contributors

Show some ❤️ by starring this awesome repository!

food-ordering-website's People

Contributors

sunny0625 avatar khushi-joshi-05 avatar ambitiouscoder-07 avatar jency1 avatar garimasingh0109 avatar aslams2020 avatar dhruv8433 avatar kanishk-2 avatar mastansayyad avatar samarupbhattacharya avatar dharshibalasubramaniyam avatar siddhant-2002 avatar muralidharan7 avatar mohitrajjha111 avatar pulkitgarg04 avatar namanjain795 avatar radhikamalpani1702 avatar harinisayani avatar atreyiprasad avatar sypher0dronzer avatar samarsajad avatar soumya6tiwari avatar kashvi9 avatar kajalbhatt123 avatar sadafkausar2025 avatar saimanjari777 avatar zalabhavy avatar bhumika-1127 avatar nandani-goyal avatar asymtode712 avatar

Stargazers

Atul Oli avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.