/Food-delivery

Food-delivery-App

Primary LanguageJavaScript

Food Delivery App


Links

  1. Figma
  2. Git hub pages
  3. APIs Documentation
  4. APIs Documentation

Problem that the app solve

  • Facilitate the delivery of food to customers who are unable to reach the restaurant

Description of the app

  • Food delivery website that provides its customers with good hearty food, drinks, and dessert, user-friendly app allows users to order food quickly and easily at their own convenience, where the user can add them favorite food to cart and do the payment method easily.

The wireframes

4 3 2 1

User Journey


  • First when the user opens the app, the name of the app and slider which contain a 3 images and the Get Started button.
  • When the user click on Get Started button it take you to the home page for the app which contain the name for app and dark mode icon and cart icon.
  • When you tap on the cart icon it's take you to the cart page and 4 button and it's, all button thats button show to you tha catagories and the items that contain in every category.
  • The other three buttons will take you to the third page of the categories page according to the pressed button, whether drinks, meals or dessert.
  • Categories page that contains the search bar, you can search for any order you want and the list that the user has chosen and the items that each list contains.
  • The cart page contain the order that you required and the quantity and the total price and you can buy what you want

User Stories


  • As a normal user, I can know the categories I want to order from the home page.
  • As a normal user, I can select the category I want from the home page.
  • As a normal user, I can find out what the menu contains through the categories page.
  • As a normal user, I can find out the prices of all the food and increase the order quantity through the categories page.
  • As a normal user, I can search for a specific food from the search list on the categories page.
  • As a normal user, I can find out what I ordered and the required quantity and buy what I want through a cart page .

The way of installation the project to run it locally.

  • git clone https://github.com/GSG-CF05/Food-Delivery-team-6.git
  • cd name of Food-Delivery-team-6
  • go live server

Technology you used and the purpose

  • HTML ➙ It is used for the structure of the app and what it contains of buttons, images, texts, etc.
  • CSS ➙ It is used to describes how elements should be rendered on screen and the styling of the app pages
  • JavaScript ➙ It is used to gives the app interactive elements that engage a user
  • API ➙ It used for communicate with other products and services without having to know how they’re implemented
  • LocalStorage ➙ It is a property that allows JavaScript apps to save key-value pairs in a web browser with no expiration date

    Team members