/challenge

Primary LanguageJavaScript

Sobre

Projeto criado para o processo seletivo de Front-End na B2W. O desafio consiste em criar uma loja de pokémon, sendo pelo menos duas lojas com tipos e estilizações diferentes.

Os dados dos pokémon são fornecidos pelo pela PokeAPI.

A arquitetura do projeto segue algumas idéias apresentadas no Atomic Design

Tecnologias utilizadas

A aplicação foi desenvolvida usando a biblioteca ReactJs e para cuidar do roteamento entre as lojas o React-Router. As requisições para a API foram feitas usando um Client HTTP chamado axios e estilizada usando Styled-Components.

MVP

  • Catálogo de produtos
  • Carrinho lateral
  • Resumo do carrinho
  • 2 lojas com estilos e tipos diferentes de Pokémon

Extras feitos

  • Botão de finalizar compra, reiniciando o processo de compra
  • Modal de obrigado ao finalizar compra
  • Salvar os dados da compra do usuário localmente para não perdê-las ao atualizar a página

Preview

PokeStore demo