/Final-food-fe

Final-food-fe

Primary LanguageJavaScript

Food Store - Mini Food

User Stories

Background

FoodStore is an online sales application. FoodStore specializes in providing fresh fruits and vegetables to serve the needs of customers. With FoodStore, consumers can view and buy goods directly on the application without having to go far to buy, and also save customers' time. FoodStore will be a place that fully meets, diverse in products, quality and reasonable prices.

SET UP

  1. Install project dependencies

npm install

  1. Environment variable config (JSK, MURI) In .env in .gitignore

REACT_APP_CLOUDINARY_CLOUD_NAME=somekey REACT_APP_CLOUDINARY_UPLOAD_PRESET=somekey PORT = 5000

In .gitignore

node_modules .env

Run npm run start:dev or yarn start:dev to start app

Authentication

  • As a user, i can sign in with my email and pasword.
  • As a user, i can register for a new account, email, password.
  • As a user, i can stay signed in with refreshing page.

User

  • As a user and as is a customer, I can see the user's profile.
  • As a user and as is a customer, I can update my profile.
  • As a user and as of a admin , I can see my profile.
  • As a user and as is a admin, I can update my profile.

Product

  • As a use and as is a customer, I can see a list of all products.
  • As a use and as is a customer, I can search according to the product name
  • As a user and as of a customer, I can see the details of a product.
  • A a user and as of a customer, I can write review for a product.
  • As a user and as of a admin , I can see the list of products I'm selling.
  • As a user and as of a admin , I can add new products.
  • As a user and as of a admin , I can update the information of a product I'm selling
  • As a user and as of a admin , I can delete my product.

Cart

  • As a user and as of a customer, I can add products to the cart.
  • As a user and as of a customer, I can see the list of products in the cart.
  • As a user and as of a customer, I can add or reduce the number of products in the cart.
  • As a user and as of a customer, I can remove the product in the cart.

Order

  • As a user and as of a customer, I can order an order to my address and phone number.
  • As a user and as of a customer, I can see the list of my order.
  • As a user and as of a Admin , I can see the list of orders
  • As a user and as of a Admin , I can update the status for my orders.

DashBoard

  • As a user and as of a admin, I can see detail dashboard as total product, total order, total user, revenue in month.
  • As a user and as of a admin, I can see latest orders, latest products.
  • As a user and as of a admin, I can see all product, edit product,delete product search according product name..
  • As a user and as of a admin, I can see all user, delete user and search according user name.
  • As a user and as of a admin, I can see all order, update status order and filter according status order.

Relationship Diagram

relationship diagram

Link Demo

Mini Food

View app display

1

View Dark Mode and Light Mode

2

Vew login display

1

View Chatbox display

4

View products and information product display

6

View cart and order display

1

3

2

View dashboard page display

5

6

7