/Food-Delivery-Website

eatigo! is a website where customers can easily browse all the dishes the restaurant has available, customize dishes to their requirements and place an order. (Not affiliated with Eatigo International)

Primary LanguageJavaScript

eatigo! - Food Ordering & Delivery Website

  • This website was built so that customers can easily browse all the dishes the restaurant has available, customize dishes to their requirements and place an order. Also considering the recent pandemic situations most people will prefer ordering food online rather than stepping out of their houses.

  • From the restaurants perspective, they no longer spend time taking the customers order, stop worrying about communication errors and streamline their order management workflow. The admin application provides ease for restaurant owners.

Walkthrough:

User section:

  • First the user must create an account before logging in the portal. If user already has an account then the user just has to login with correct credentials.

intro

  • The home pages has two components. Firstly the user has to select a location from the dropdown menu. After selecting the location the second component that is the quicksearch options fetches all the restaurants based on location.
  • In quicksearch the options are segregated on the basis of the preferred mealtypes , example breakfast, lunch, dinner etc

home quick

  • On the filters page various restaurants are displayed. If the user wants to customise the list as per their requirements then they can apply filters like sorting as per the price, on the basis of price range, cuisine and location.

filter

  • Details page displays the price, ratings, address, food, image gallery of the restaurant.

details

  • On click of the place order option a menu appears with the name and price of the dish. So the user can add the quantity of that item accordingly.

menu menu1

  • Thus a cart is updated and a final page showing the order details, total price is displayed. The user has to place the order now and the time required is displayed.

cart menu1

Admin section:

  • Admin makes an analysis of the no of orders, sales, profit by maintaining analysis chart.

details

  • The admin views the order and confirms the order placement.

details

Technology Stack:

MERN STACK

  1. MongoDB
  2. Express
  3. React
  4. Node.js

Contributors: