https://github.com/jeffersonrpm/pokedex

Este projeto tem como objetivo simular uma Pokédex, permitindo aos usuários visualizar informações detalhadas sobre cada Pokémon, incluindo imagem, nome, número, estatísticas e tipo. Os usuários podem pesquisar o Pokémon pelo nome ou número, navegar entre os pokemons, ativar o modo escuro, visualizar versões Shiny, além de ver o verso do pokemon.
https://github.com/jeffersonrpm/pokedex

api axios babel chartjs css3 html5 javascript pokedex pokemon webpack

Last synced: 3 months ago
JSON representation

Este projeto tem como objetivo simular uma Pokédex, permitindo aos usuários visualizar informações detalhadas sobre cada Pokémon, incluindo imagem, nome, número, estatísticas e tipo. Os usuários podem pesquisar o Pokémon pelo nome ou número, navegar entre os pokemons, ativar o modo escuro, visualizar versões Shiny, além de ver o verso do pokemon.

• Host: GitHub
• URL: https://github.com/jeffersonrpm/pokedex
• Owner: JeffersonRPM
• License: mit
• Created: 2024-05-03T01:17:39.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-09-19T00:49:53.000Z (4 months ago)
• Last Synced: 2024-09-29T02:40:46.162Z (3 months ago)
• Topics: api, axios, babel, chartjs, css3, html5, javascript, pokedex, pokemon, webpack
• Language: JavaScript
• Homepage: https://pokedex-fight.netlify.app/
• Size: 8.77 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pokédex

## Visão Geral

O sistema para a Pokédex é uma plataforma interativa que permite aos usuários explorar o universo Pokémon de maneira detalhada e personalizada. Ele consiste em um catálogo digital que abriga uma variedade de Pokémon, cada um com suas características únicas, como imagem, nome, número, estatísticas e tipo.

## Requisitos Funcionais (RF)

* O sistema deve oferecer um design de Pokédex otimizado tanto para desktop quanto para mobile.

  

* O sistema deve oferecer uma funcionalidade de pesquisa que permita aos usuários procurar um Pokémon específico usando seu nome ou número de identificação.

  

* O sistema deve permitir a visualização do ID e do nome do Pokemon.

  

* O sistema deve permitir a visualização da imagem do Pokemon.

  

* O sistema deve permitir a navegação entre os Pokémon usando botões de navegação distintos, um botão ‘Próximo’, que permite ao usuário avançar para o Pokémon seguinte, e um botão ‘Anterior’, que permite ao usuário retornar ao Pokémon que foi visualizado anteriormente.

  

* O sistema deve permitir a visualização detalhada dos status (vida, ataque, defesa, ataque especial, defesa especial, velocidade, peso e altura) de cada Pokémon.

  

* O sistema deve estabelecer conexão com a PokéAPI.

  

* O sistema deve permitir a visualização do tipo do Pokemon.

  

* O sistema deve ter uma engrenagem de opções contendo: Modo escuro, Versão Shiny e Pokemon verso.

  

* O sistema deve permitir a ativação do modo escuro.

  

* O sistema deve permitir a visualização de versões Shiny dos Pokémon.

  

* O sistema deve oferecer a opção de visualizar a aparência posterior de cada Pokémon.

  

* O sistema deve traduzir as informações vindas da PokéAPI para o português, incluindo o tipo do Pokémon (por exemplo, "bug" para "inseto").

  

* O sistema deve ajustar automaticamente as medidas de peso e altura para o formato brasileiro (quilogramas e metros), para facilitar a compreensão dos usuários.

  

* O sistema deve ter a opção de comparar Pokemons, analisando qual ganharia em um combate, levando em consideração o status e o elemento.

* O sistema deve fornecer uma explicação sobre o resultado do combate. Este campo deve esclarecer como os status e tipos dos Pokemons influenciam o resultado.

## Requisitos Não Funcionais (RNF)

* **Eficiência:** O sistema deve responder a buscas on-line em menos de 5 segundos.

  

* **Responsividade:** O sistema deve ser responsivo funcionando em vários dispositivos, incluindo desktop, tablet, mobile e notebook.

## Requisitos -1 (RIN)

* O sistema para a Pokédex nunca pode perder a conexão com a PokeAPI, pois isso interromperia a funcionalidade principal do sistema de buscar e renderizar os dados do Pokémon.

## Bônus

* O sistema deve sugerir os Pokemons de acordo com o input digitado.

* O sistema deve ser construído utilizando o Webpack para otimização de recursos e melhor desempenho.

## Como iniciar o projeto

* **Instalar as dependências:** Abra o terminal do VSCode e digite `npm i` para instalar as dependências necessárias para o projeto.

* **Instalar a extensão Live Server:** No VSCode, instale a extensão `Live Server`. Esta extensão permite que você execute um servidor de desenvolvimento local para visualizar o projeto no navegador.

* **Iniciar o Live Server:** Clique em `Go Live` no canto inferior direito do VSCode para iniciar o servidor. Isso deve abrir o projeto no seu navegador padrão.

* **Atualizar o bundle.js do webpack:** Para atualizar o arquivo bundle.js do webpack, abra o terminal do VSCode e digite `npm run dev`.

## Screenshots







## Documentação de apoio

```

https://pokeapi.co/

```

```

https://www.chartjs.org/docs/latest/

```

## Licença

Este projeto está licenciado sob a licença MIT - veja o arquivo [LICENSE](./LICENSE) para mais detalhes.