A missão de vocês será desenvolver um e-commerce de trajes espaciais!
O projeto consistirá em 3 grandes partes:
-
Filtro
- Por valor mínimo e máximo
- Por nome do produto
-
Home
- Mostrando todos os produtos
- Ordenação (Mais barato pra mais caro e vice versa)
- Produtos:
- Devem ter um botão que permita adicioná-los ao carrinho
- Devem exibir o nome, preço e imagem em um card
-
Carrinho
- Mostrar todos os produtos e quantidades adicionadas
- Capacidade de remover itens do carrinho
- Mostrar o valor total do carrinho
Exemplo de estruturação de UM produto (Lembrem-se que vocês terão uma lista contendo todos):
{
id: 1,
name: "Foguete da Missão Apollo 11",
value: 10000.0,
imageUrl: "https://picsum.photos/200/200",
}
- Desafios
- Salvar e Recuperar conteúdo do carrinho usando o
LocalStorage
- Qual funcionalidade está faltando? Decida em grupo o que vocês concordam que poderia ser uma boa adição à loja virtual, pode ser qualquer funcionalidade, desde que vocês consigam implementá-la. Ao decidir uma funcionalidade, vocês devem confirmar com os instrutores antes de prosseguir através de um atendimento.
- Salvar e Recuperar conteúdo do carrinho usando o
- JavaScript
- React
- Git
- NodeJS
- Criação de projetos em React
- Estrutura e componentes de classe
- Persistência de informações localmente no local Storage
- Trabalho em equipe / Pair Programming
No terminal, clone o projeto:
git clone https://github.com/EloisaFagundes/Frontend-FutureCommerce/
Navegue para dentro da raiz do projeto
cd Frontend-FutureCommerce
Instale as dependências
npm i