- Projeto desenvolvido em REACT no front end, e com JAVA no back end.
- O sistema refere-se a um e-commerce com o nome DSCOMMERCE.
- AtravĆ©s do AXIOS Ć© possĆvel criar requisiƧƵes ao back end e renderizar as respostas no front end.
-
React (frontend):
- Components React
- Props
- Router-DOM
- Rotas, Links e Outlet
- Hooks ( useState, useEffect, useNavigate, useContext)
- AXIOS para requisiƧƵes ao back end
- LocalStorage
- Eventos e estado Global:
- Tratamento de eventos com onSearch
- Esado global com Context API
- Login e controle de acesso:
- OAuth2 e Token JWT
- RequisiƧƵes de login (cabeƧalho e corpo)
- Salvar token no localStorage
- Buscar usuƔrio logado no back end
- CriaĆ§Ć£o do AxiosRequestConfig para requisiƧƵes
- Interceptors do Axios
- Redirecionamento fora do componente JSX
- DecodificaĆ§Ć£o de token JWT para obter o payload do token
- FunĆ§Ć£o hasAnyRoles
- Componente PrivateRoute para rotas privadas
- Componente LoggedUser para o cabeƧalho
- Forms em React:
- Dialog modal de aviso e dialog modal de confirmaĆ§Ć£o
- Deletar um produto
- Controle de formulƔrio
- CriaĆ§Ć£o e ediĆ§Ć£o no formulĆ”rio
- FunĆ§Ć£o UpdateAll para atualizar
- FunĆ§Ć£o validate
- CSS para mostrar erros
- FunĆ§Ć£o toDirty para sujar o formulĆ”rio
- validaƧƵes e expressƵes regulares regex
- FormTextArea customizado
- React Select
- Atualizar produto existente com PUT
- Inserir novo produto com POST
- Capturar erros do backend para a tela de Login
- Mostrar erro global na tela de Login
-
Java: (backend):
- Repositories, Services e Controller
-
Postman: (testador de requisiƧƵes)
- VSCODE IDE
- Projeto com mentoria da escola Devsuperior
