O projeto representa uma aplicação de e-commerce de fast food, onde é possível o usuário comprar lanches e armazená-los num carrinho, enquanto compra outros itens. Contém páginas de registro, login e dasbord do usuário logado. Possui restrições de segurança, aonde o usuário não logado, não consegue se manter conectado a dashbord. Na página de registro, o usuário cria o seu registro e caso não siga as obrigações informadas nos campos, o mesmo não consegue finalizar o seu cadastro. Caso o usuário já tenha realizado o seu cadastro, ele é informado através de um toastfy, de que seu registro já existe na aplicação e caso não haja, seu cadastro é criado e usuário avisado através de um toastfy. E logo após redirecionado para a página de login. Ao realizar o login, é criado um token para este mesmo usuário logado e sendo bem sucedida a requisição o mesmo é redirecionado à sua dashbord e informado através de um toastfy e, senão, o mesmo permanece na área de login, onde ele é informado através de um toastfy de que houve algum problema com seu login. Na dashbord de usuário logado, é possível o mesmo, comprar lanches, sendo que o usuário não pode adicionar o mesmo item no seu carrinho, quando isso acontece, ele é avisado com um toastfy. Há também avisos de que o item foi adicionado ou excluído do carrinho. Quando adicionado, o item é enviado ao carrinho e ao mesmo tempo o seu preço fica sendo calculado, juntamente dos outros itens existentes. E quando o carrinho está vazio, aparece a mensagem: "Sua sacola está vazia. Adicione itens."
- axios
- react
- react-dom
- react-hook-form
- react-icons
- react-modal
- react-router-dom
- react-scripts
- react-toastify
- styled-components
- typescript
- web-vitals
- yup
Hamburgueria 2.0