React_Cherry_Demo

Reaja uma demonstração de cereja

Este é um projeto da web fabricado pela UI do React and Material. Neste projeto, temos uma página de sistema, produtos e pedidos de usuários, e obtendo a API do formulário de dados.

No sistema do usuário, temos um registro e uma página de login, que podem registrar um novo usuário e login pelo usuário. Se não fizermos login como usuário, só podemos acessar a página inicial, caso contrário, podemos inserir a página Produtos e pedidos para verificar os produtos e pedidos de dados da API.

Na página Produtos, obtemos todos os dados de produtos da API e os mostramos na tabela de revolta com a interface do usuário do material com paginação, classificação e pesquisa, cada produto pode ser editado e excluído, também podemos adicionar novos produtos e fazer upload de imagens em produtos.

Na página de pedidos, igual à página de produtos, obtemos todos os dados de pedidos da API e mostramos na tabela. O pedido de pedidos pode ser filtrado por data.

Os produtos e a página de pedidos podem exportar dados para o arquivo CSV.

Dependências usadas

Ui material

npm install @material-ui/core

Ui material para começar

Axios

npm install axios

Axios começa

Reacta o roteador dom

npm install react-router-dom

React Router Dom começar

Reaja CSV

npm i react-csv

React CSV instalado

Captura de tela do projeto

Página inicial

Página de login

Página de registro

Página de produtos

Adicione o produto

Editar produto

Excluir produto

Pesquisa de produtos

Spinner

Ordens com paginação diferente

Filtro de data dos pedidos