Página web criada para praticar a utilização do Redux como forma de gerenciamento de estados globais.
O objetivo principal deste projeto é aprender sobre as funcionalidades do Redux, através da criação de uma página de uma loja de cursos, onde o usuário poderá adicionar ao carrinho e finalizar a compra. O site é completamente responsivo.
O usuário deverá conseguir:
- Navegar pelos produtos disponibilizados em cada categoria;
- Escolher quais cursos quer acrescentar em seu carrinho de compras;
- Favoritar os cursos, bem como utlizar a barra de busca no cabeçalho para filtrar os itens;
- Verificar a quantidade total de itens ao lado do botão do carrinho de compras, localizado no cabeçalho;
- Acessar a página do carrinho de compras através do botão no cabeçalho;
- Navegar pelos cursos selecionados, com a opção de aumentar ou diminuir a quantidade, bem como excluir algum curso do carrinho;
- Acompanhar o valor total da compra de forma simultânea e finalizar a compra através do botão;
- Acessar o site através de qualquer tamanho de tela;
- Não deverá conseguir finalizar a compra com o carrinho vazio;
Confira o projeto em funcionamento através do link
- React;
- JavaScript;
- SASS;
- Redux;
- Hook useEffect;
- Componentes Reutilizáveis;
- Animações com o SweetAlert;
- RegExp para filtragem na barra de pesquisa;
🟢 Manipulação de estados globais com o Redux
🟢 Estilização com SASS
🟢 Aplicação de filtros com expressões regulares