https://github.com/douglasvolcato/pokedex
Página feita utilizando a API PokéAPI.
https://github.com/douglasvolcato/pokedex
api css css3 html html-css-javascript html5 javascript
Last synced: 7 months ago
JSON representation
Página feita utilizando a API PokéAPI.
- Host: GitHub
- URL: https://github.com/douglasvolcato/pokedex
- Owner: DouglasVolcato
- Created: 2022-07-16T02:37:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-02T21:09:23.000Z (about 3 years ago)
- Last Synced: 2025-02-08T21:46:06.199Z (8 months ago)
- Topics: api, css, css3, html, html-css-javascript, html5, javascript
- Language: JavaScript
- Homepage: https://douglasvolcato.github.io/pokedex/
- Size: 336 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
https://douglasvolcato.github.io/pokedex/
## Instruções
Tome como exemplo esse site que mostra como as informações dos Pokemons devem ser apresentadas, inclusive todas as informações contidas por pokemon nesse site, serão obrigatórias no seu projeto, e eles são:
- Nome
- Imagem
- Numero
- Tipo
- Descrição
A lista pode ser disposta na tela da forma que você preferir, assim como o estilo dos cards, uma coisa apenas é proibida, o layout ser igual ao site exemplo então seja criativo e faça o seu melhor.
Além de apresentar os 20 primeiros pokemons na tela, o resultado por chamada da API, você precisará criar uma paginação para que TODOS os pokemons existentes possam aparecer.
## Critérios de Avaliação
Valor da entrega: 10 pontos
A avaliação será feita por entregáveis obrigatórios, cada um valerá uma quantidade de pontos, todos começarão com 0 pontos, a cada item entregue, você receberá a quantia pertinente aquela entrega. O último ponto será dado a partir de um desafio, para que seu projeto seja destaque, ou não.
- Criação do repositório exclusivo no GitHub. (1,0)
- Utilização de HTML, CSS e JS puros, sem utilização de framework. (2,0)
- Utilização de Fetch, consumindo a PokeAPI (1,0)
- Estrutura básica apresentada acima, completa (1,0)
- Manipulação do DOM através do JavaScript. (2,0)
- Projeto com Layout diferente do exemplo apresentado. (1,0)
- Deploy do projeto no GitHub Pages. (1,0)
- Responsividade com Media Queries aplicada (1,0)