/Terminal-Food-App

A Terminal Food App like McDonald's but with Pizzas ! Made with React and Node js

Primary LanguageTypeScript

Terminal Food App

This project is a terminal food app like McDonald's Terminals made in React.

In this app there will be 3 control terminals that will be in constant use, of this fact, everything is in real time, when a product has been ordered, it is sent to the kitchen. If a product is ordered, it has an impact on stocks of a food. This food will be more available in stock, all terminals are notified and removes all products from sale in real time. If more than 3 people are connected the following people will be waiting.

You can find more images in the screenshots section !

Documentation

Here are the different functionnalities :

  • As a customer, I am able to see all the products available when the quantity allows.

  • As a customer, I am able to put a product in my basket.

  • As a customer I am able to customize a product (remove ingredients) and the put in my basket.

  • As a customer I am able to create my own product via food and put it in my basket.

  • As a customer, I am able to view my shopping cart.

  • As a customer, I am able to delete a product from my cart.

  • As a customer, I am able to modify the food in my cart.

  • As a customer, I am able to change the quantity of a product in my cart.

  • As a customer, I am able to turn my shopping cart into an order.

  • As a customer, I am notified when a product is no longer available because the quantity of ingredients has reached zero.

  • As a customer I am able to receive an e-mail (if my e-mail is specified) with the summary of my order as a receipt, with the order number, the price of the order, products of my order, time ect…

  • In the kitchen, the user is able to see all orders that are not "delivered"

  • In the kitchen, the user is able to change the status of an order

  • In the kitchen, the user is able to see the details of an order (ingredients, time since the creation of the command with a timer, ect...)

  • As an administrator I am able to see my product list

  • As an administrator I am able to add a product

  • As an administrator I am able to modify a product

  • As an administrator I am able to delete a product

  • As an administrator I am able to add an ingredient

  • As an administrator I am able to modify an ingredient

  • As an administrator I am able to delete an ingredient

  • As an administrator I am able to see the list of commands

  • As an administrator I am able to have statistics on all my products (the most sold, the one with the most money)

  • As an administrator I am able to be notified on the site + by e-mail that an ingredient is no longer in stock

  • As an administrator I am able to see orders coming in real time + all stocks of products that update in real time according to orders

Screenshots

Start Terminal Page

App Screenshot

Accounts Page

App Screenshot

User Login Page

App Screenshot

Shopping Page

App Screenshot

Product Page

App Screenshot

Cart Page

App Screenshot

Create Product Page

App Screenshot

Success Checkout Page

App Screenshot

Kitchen Page

App Screenshot

Kitchen Details Order Page

App Screenshot

Admin Login Page

App Screenshot

Admin Dashboard Page

App Screenshot

Admin Products Page

App Screenshot

Admin Ingredients Page

App Screenshot

Installation

You can test it locally

  git clone https://github.com/Ulysseassoo/Terminal-Food-App.git
  cd client
  yarn dev
  cd ../server
  yarn fixtures
  yarn dev

You need to have docker and mailhog installed to test it.

I will provide the dockerFile later on.

Authors