ravenascampos/pokeapi

E-commerce de Pokemons

Marketplace de Pokemon

💻 Projeto

Projeto desenvolvido em equipe como conclusão de curso da Accenture Academy Front-end. Todos os dados sobre os pokémon como nome, número, tipo, imagem e entre outras coisas, foram disponilizadas com o uso da API REST PokéApi.

Funcionalidades

• Página de login: A página inicial é a de login, que pede o nome do usuário, e-mail e senha. Quando falta alguma informação, exibe mensagem de informações faltantes. Ao logar, o usuário é redirecionado para o catálogo de produtos.

• Catálogo de produtos: Listar os pokémon com o uso da API REST, de acordo com a paginação, retornando 20 pokemons por página.

• Tela de carrinho: Listar os produtos selecionados em um carrinho de compras. No carrinho é possível atualizar a quantidade, excluir e finalizar a compra.

• Modal de compra efetuada: Ao finalizar a compra, um modal é aberto com um botão que redireciona para a página de compras e esvazia o carrinho.

• Tela de listagem de pokemons: Tela de listagem de pokemons que apresenta 20 pokemons por pagina, tendo botão de paginação e header.

• Modal com detalhes dos pokemons: Apresenta informações como nome, tipo, foto, hp, ataque, defesa, ataque especial, defesa especial, peso e altura, bem como o valor que foi feito com base no peso do pokemon, multiplicado por 10.

• Header: Navegação com icones de perfil, carrinho de compras e logout, além da Logo da aplicação.

Conceitos abordados

• Uso de css-in-js e criação de Tema global com o ThemeProvider do styled-components

• Consumo da api do pokemon em Pokeapi.

🚀 Tecnologias

• React
• React-Icons
• React Router
• Styled-components
• React-Modal
• React-MUI
• Redux
• Create React App.

👩‍🚀 Conheça nossa equipe

• Gabrielle Almeida
• Inara Oliveira
• Ravena Campos
• Sarah Martins

📥 Instalação e execução

Faça um clone desse repositório e acesse o diretório.

$ git clone https://github.com/ravenascampos/pokeapi.git && cd pokeapi

# Instalando as dependências
$ yarn

# Executanto aplicação
$ yarn start

💪 Contribuir

Faça o fork e clone o projeto a partir do seu usuário.

# Clonando projeto
$ git clone https://github.com/SEU-NOME-DE-USUARIO/pokeapi.git

# Criando um branch
$ git branch minha-alteracao

# Acessando o novo branch
$ git checkout -b minha-alteracao

# Adicionando os arquivos alterados
$ git add .

# Criando commit e a mensagem
$ git commit -m "Corrigindo...."

# Enviando alterações para o brach
$ git push origin minha-alteracao

Você deve navegar até o seu repositório onde fez o fork e clicar no botão New pull request no lado esquerdo da página.

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Imagens da aplicação