Skip to content

A commercial web project developed by React, .net and material UI, which contains products table, orders table, user login and register and so on.

Notifications You must be signed in to change notification settings

Hamsiny/React_Cherry_Demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Cherry Demo

This is a Web project made by React and Material UI. In this Project, we have an user system, products and orders page, and getting data form API.

In user system, we have a register and a login page, which can register new user and login by user. If we don't login as a user, we can only access home page, otherwise we can enter products and orders page to check products and orders data from API.

In products page, we get all products data from API and show them in Material UI collapsed table with pagination, sorting and searching, each products can be edited and deleted, we can also add new products and upload image into products.

In orders page, same as products page, we get all orders data from API and show in table. Orders row can be filtered by date.

Both products and order page can export data into csv file.

Dependencies Used

Material UI

npm install @material-ui/core

Material UI Get Started

Axios

npm install axios

Axios Get Started

React Router Dom

npm install react-router-dom

React Router Dom Get Started

React Csv

npm i react-csv

React Csv installed

Project screenshot

Home Page

Login Page

Register Page

Products Page

Add Product

Edit Product

Delete Product

Products Searching

Spinner

Orders with different pagination

Orders date filter

About

A commercial web project developed by React, .net and material UI, which contains products table, orders table, user login and register and so on.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published