Screenshot_1

Projeto: Future Commerce


Projeto inicialmente desenvolvido em 21/02/2020 em parceria com: Danilo Mourelle e Nadia Carvalho

Escopo do Projeto

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
    1. Salvar e Recuperar conteúdo do carrinho usando o LocalStorage
    2. 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.

Tecnologias:

  • JavaScript
  • React
  • Git
  • NodeJS

Conhecimentos adquiridos durante o projeto 🎓

  • 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

Como rodar a aplicação ▶️

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