Projeto realizando durante programa Hiring Coders - Gama Academy
Este projeto fez parte de um desafio solicitado durante o programa Hiring Coders da Gama Academy. Neste desafio, nos foi solicitado criar uma espécie de loja ecommerce, onde no final os dados dos produtos e os dados dos clientes fossem salvos em um localStorage.
Para realizar este projeto, foram usadas as tecnologias: HTML, CSS e Javascript;
Abaixo está descrito o passo a passo de como executar as ações para que os dados sejam salvos no final no localStorage:
1º Clicar em Add to cart em qualquer item;
2º Clicar no ícone do cart que fica no Header da página;
3º Ao abrir a nova tela referente ao cart:
3.1 -> Clicando em Keep Shopping, ele retornará a tela anterior,
possibilitando a troca do produto escolhido para um outro qualquer;
3.2 -> Clicando em Checkout, surgirá um alert avisando que para concluir o processo de compra, precisará
completar o preenchimento de dados de uma nova tabela;
3.3 -> Ao clicar em OK no Alert, abrirá agora uma tela para cadastro do cliente, que precisa ser preenchida
por completo, pois caso não seja e for clicado no botão Finish, surgirá um alert na tela avisando
que todos os campos precisam ser preenchidos;
4º Ao completar o preenchimento dos campos referentes aos dados do cliente, Clicar em Finish;
5º Ao clicar em Finish surgirá um alert informando que o cadastro foi finalizado;
6º Agora ao finalizar todo o procedimento, clicaremos com o botão direito do mouse na nossa página web e clicaremos na opção inspecionar;
7º No canto central superior da tela que abriu, próximo a opção Network, clicaremos no ícone >> e depois clicaremos na opção Application. No canto esquerdo da tela, dentro do menu Storage clicaremos em Local Storage. Agora clicaremos em uma setinha no canto esquerdo de Local Storage, e posteriormente clicaremos na opção que surgir abaixo de Local Storage;
8º Ao clicarmos nesta opção podemos ver tanto os dados referentes ao produto quanto os dados do cliente que foram salvos.