-
O projeto/desafio foi idealizado para atender a demanda online de um Pet Shop fictício. Para tanto, deveria ser criado um e-commerce. Nesse sentido, o desafio possuía algumas exigências, sendo elas:
-
A implementação deveria ser realizada utilizando HTML5, CSS/SCSS e JS, apenas. Sendo vedado o uso de qualquer framework ou plugins de terceiros.
-
Os produtos deveriam estar dentro de um JSON fictício, contendo todas as informações pertinentes para renderização.
-
Os botões de compra deveriam adicionar os produtos no carrinho de compras que, por sua vez, deveria abrir o mini carrinho.
-
Os produtos escolhidos deveriam ser armazenados no navegador.
-
O layout deveria ser 100% responsivo.
-
Exibir o modal de newsletter na abertura do site e salvar o e-mail também na sessão.
Fui além e:
-
Criei, ainda, uma etapa de verificação para o cadastro no newsletter, de forma que o usuário somente conseguirá se cadastrar caso insira um e-mail válido. Caso o faça corretamente, uma mensagem informando o sucesso da ação aparecerá. Caso contrário, uma mensagem de erro aparecerá. Ao finalizar as compras, clicando no devido botão, uma mensagem surgirá na tela, informando ao usuário que a compra foi realizada com sucesso. Ademais, as informações referentes aos produtos selecionados (quantidade, valor, etc), armazenadas no LocalStorage, serão resetadas, esvaziando o carrinho. No canto superior direito, há o ícone do carrinho de compras, o qual pode ser acessado por meio de um click. À sua frente, por fim, há um círculo laranja exibindo o número total de itens no carrinho do usuário.
-
Status: Finalizado. ✔️
Linkedin: www.linkedin.com/in/heitorgandolfi.
- The MIT License (MIT).
Copyright ©️ 2022.