https://github.com/nicolasgabriiel/pokedex

Uma cópia do site oficial do Pokémon, onde os usuários podem acessar e visualizar informações sobre todos os 905 Pokémons, incluindo seus status e características individuais.
https://github.com/nicolasgabriiel/pokedex

css html javascript

Last synced: about 2 months ago
JSON representation

Uma cópia do site oficial do Pokémon, onde os usuários podem acessar e visualizar informações sobre todos os 905 Pokémons, incluindo seus status e características individuais.

• Host: GitHub
• URL: https://github.com/nicolasgabriiel/pokedex
• Owner: nicolasgabriiel
• Created: 2022-11-13T13:16:37.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-25T01:02:10.000Z (almost 2 years ago)
• Last Synced: 2024-05-28T18:47:36.247Z (8 months ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage: https://nicolasgabriiel.github.io/Pokedex/
• Size: 299 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
###### Pokedex

### Sobre

 O Objetivo desse projeto foi desenvolver uma página web usando como inspiração a página oficial do [Pokémon.](https://www.pokemon.com/br/pokedex/) Nesse projeto utilizei uma [API](https://docs.aws.amazon.com/apigateway/latest/developerguide/apigateway-websocket-api-overview.html?pg=wianapi&cta=websocketapi) externa chamada [PokeAPI](https://pokeapi.co), que me permitiu buscar em uma fonte externa todos os dados que eu precisava sobre os Pokémons.

 >Acesse a página de deploy do projeto clicando [aqui.](https://main.dtl4uvmpcuppz.amplifyapp.com)

 ### Tecnologias utilizadas

 

### Planejamento de Projeto

>Parte 1

- [X]Estruturar layout do fundo Reutilizavel

- [X]Estilizar layout do fundo Reutilizavel

- [X]Estruturar layout da Página principal

- [X]Estilizar layout da Página principal

- [X]Criar Efeito Hover nos container pokemons

- [X]Começar a Estruturar os dados que vem da Poke API

- [X]Exibir textos na tela via JS

- [X]Exibir as imagens na tela via JS

- [X]Exibir todos os pokemons na tela iniciaL via JS

>Parte 2

- [X]Estruturar layout das páginas individuais 

- [X]Receber a informação de qual pokemon foi clicado

- [X]Exibir status do pokemon na janela individual

- [X]Estilizar todo layout das janelas individuais

- [X]Adicionar o Favicon 

- [X]Aplicar Design Responsivo

- [X]Melhorar a Identação do HTML

- [X]Melhorar a Identação do CSS

- [X]Refatorar o JS

- [X]Melhorar Responsivo

- [X]Atualizar Readme

### Extras desse Projeto

- [x]Resolver problema com os numeros exibidos 

- [x]Criar Lógica botão ver mais 

- [x]Criar Lógica botão ver tudo

- [x]Estilizar botões

- [ ]Criar Página Individual para cada pokemons

- [ ]Exibir evoluções do pokemon na pagina individual

- [ ]Exibir layout em que o usuario possa seguir ou voltar nos pokemons por ordem

- [ ]Criar Busca por nome para os Pokemons

- [ ]Criar Filtros para a busca de pokemons