Neste ecommerce utilizei, principalmente, a lógica de manipulação de arrays em JavaSript. Escolhi o Vite + React para criar a aplicação. Desenvolvi o código usando Class Components, passagem de props e Local Storage. E a parte mais divertida e, de certa forma, desafiadora foi poder brincar com o framework Chakra UI pela primeira vez na criação do layout.
Proposta do bootcamp Labenu para criação de um projeto de E-commerce:
" Caros alunes,
Estou querendo montar um e-commerce de itens espaciais e vocês serão responsáveis por essa construção. Pretendo montar diferentes linhas de produtos. As possíveis linhas de produto são:
- Satélites antigos;
- Roupas espaciais;
- Camisetas com estampas divertidas relacionadas ao espaço;
- Viagens espaciais;
- Meteoritos / aerolitos como pedras preciosas;
- Brinquedos e produtos infantis temáticos;
- Naves / Foguetes / Ônibus espaciais;
Escolham uma linha dentro do grupo de vocês, e criem um e-commerce de acordo com as especificações.
O prazo é até sexta, dia 05/08 às 23h59.
Att,
Astrodev "
▪ Vite + ReactJS ▪ JavaScript ▪ HTML ▪ Git/GitHub ▪ Chakra UI ▪ Surge
Ao ingressar no site, o usuário se depara com os produtos da loja Stelara dispostos em cards interativos que podem ser clicados para adicionar o item ao carrinho. Estes produtos podem ser filtrados por preço mínimo e máximo, nome ou descrição e pela ordem de preços, sendo crescente ou decrescente.
Ao acessar o carrinho, é possível observar os produtos selecionados juntamente com o preço total da compra. Ou deletá-los da lista, se necessário.
Os dados armazenados no carrinho são salvos em armazenamento local, permanecendo após a atualização da página.
Em suma o projeto apresenta: ordenação de produtos por preço, filtragem de valores, filtragem por nome e descrição, e armazenamento local.
- Footer não responsivo.
🔗