Skip to content

Latest commit

 

History

History
81 lines (41 loc) · 1.82 KB

README.md

File metadata and controls

81 lines (41 loc) · 1.82 KB

Mundo da Imaginação - E-Commerce

Logo da E-Commerce é o nome Mundo da Imaginação

Badge Finalizado

Introdução

Esse projeto se trata de uma loja de brinquedos infantil com a temática espacial.

O projeto foi desenvolvido utilizando o React. Na elaboração do projeto foi abordado as seguintes funcionalidades:
  • JSX

  • Componentes

  • Props

  • Estado

  • Fluxo de dados no React

  • Renderização de listas

  • Renderização condicional

  • localStorage

  • React Router

  • GlobalState

    imagem da página web do Mundo da Imaginação E-Commerce


Deploy:

link: <https://projeto-frontendreact-one.vercel.app/>

Descrição

O projeto foi elaborado em  3 partes:

  1. Home:
  • A página inicial apresenta todos os produtos.

  • Foi criado filtro para ordenar os produtos por ordem crescente ou decrescente de preço.

  • Produtos:

  • Cada card de produto contém um botão que permite adicioná-los ao carrinho.

  • No card de produto contém o nome, preço e a imagem.

  1. Carrinho:
  • É mostrado todos os produtos e quantidades adicionadas.

  • Tem a opção de remover itens do carrinho.

  • Tem um campo que mostra o valor total do carrinho.

  1. Filtro:
  • Campo de pesquisa por valor mínimo e máximo.

  • Campo de pesquisa por nome do produto.


Rodando o projeto:

  • Rode o console na pasta em que você baixou os arquivos;

  • Insira o comando npm install;

  • Depois, o comando npm run dev para rodar no navegador.