MRSA-J/Foodie-WebVersion

Foodie

A React food ordering app, Foodie, designed to provide university students with quick and easy food ordering from restaurants and cafes on campus.

Here is the web version of Foodie. Please check the mobile app version here: https://github.com/Alicia-Sheng/Foodie-MobileAppVersion.

Table of Contents

• Foodie-WebVersion
  • Table of Contents
  • Background
    • What is Foodie
    • Why is Foodie
  • Features
    • Basic features
    • Advanced Features
    • Features need help with
  • Usage
    • Install
    • Run
  • Demo
  • Contributors
  • License

Background

What is Foodie

A food ordering app specifically designed for university students to order from foor courts and cafes on campus.

Why is Foodie

• Current food ordering apps do not cover university services
• Need of social distancing during COVID-19 period

Features

Basic features

• For Food Providers

  • Add food options
  • Receive orders

• For Customers

  • Browse food and beverage options
    • View food details (image, description, price, etc.)
    • Display by restaurant, category, etc
  • Order meals
  • Search meals or restaurants
  • Manage user account, including user login, logout and register
  • View restaurant information (open time, location, etc)
  • Rate the food
  • Browse the comments added by other customers

Advanced Features

• For Food Providers

  • Edit daily recommendations

• For Customers

  • Rank food and beverage options by rating, price
  • View order status
  • See order history
  • Add comments
  • Browse the comments added by other customers

Features need help with

• Add admin view / show different view to food providers
• Server setup

Usage

Install

First please go to the link and download the latest version of Node.js. https://nodejs.org/en/download/

After downloading it successfully, please install npm on your computer. Type the sentences below in command line or powershell if your are using windows.

$ npm install

Run

Default port: 8080

$ npm start

Demo

1. Nav Bar
   1. Page Links
      • Users can use links to go to other pages
   2. Search Bar
      • Users can search for the information they need
   3. Shopping Cart
      • Users can click to check the status of their shopping cart
   4. Login with social media accounts
      • Users can use their social media account to login by clicking corresponding icons
   5. Login/Register
      • Go to the login/register page
2. Restaurant Pages
   • By clicking the logos, users can jump to the restaurant infomation page
3. Food Options
   • Users can browse all food options here
4. Beverage Options
   • Users can browse all beverage options here

• Food and beverage options are displayed by restaurant
• Will add restaurant information to this page

• Customers can view, add or remove items they put in the shopping cart.
• They can place an order here

Contributors

@AliciaSheng. @ChenWei. @WenxuanJiang. @LinPang.

License

MIT