joaoalisonti / pokedex-js

Uma Pokédex desenvolvida durante a trilha do JavaScript na plataforma Digital Innovation One 2023

Desenvolvido durante março/abril de 2023 com foco no aprendizado da linguagem JavaScript e para fortalecer ainda mais minhas habilidades técnicas 🚀⚡.

• Overview
  • Sobre o projeto
  • Screenshots
  • Links
• My process
  • Desenvolvido com
  • Continuar o desenvolvimento
  • Recursos úteis
• Author

Overview

Sobre

O que seria uma Pokédex? Pokédex é uma enciclopédia virtual que detém todas as espécies de Pokémon, ou seja, desde a 1° geração até a última geração. Olhando esse detalhe percebe-se que demandaria muito tempo para pegar o nome, tipo/classe e habilidades de cada Pokémon um por um escrevendo várias linhas de código, isso seria nada produtivo e nem tampouco divertido. Nesse momento entra o API (Application Programming Interface). Ele promove a conexão entre um usuário e uma aplicação, mas sem que ele precise dos detalhes da estrutura e do desenvolvimento do sistema que está tentando utilizar. e o que seria REST? A categoria REST apresenta alguns critérios específicos, que visam padronizar e flexibilizar essa comunicação entre diferentes plataformas. No caso deste projeto foi "consumido" o PokéApi, um API RESTful com várias informações e dados sobre Pokémons, para facilitar o processo de desenvolvimento da Pokédex. Foi criado um efeito de paginação, ou seja, ao iniciar é chamado 10 pokémons, se clicar no botão ele traz +10 e assim vai até o limite configurado que é 151 (Que pode ser alterado no arquivo main.js).

Screenshots

Links

• Acesse o projeto finalizado, online ☁️

My process

Tecnologias

⚙️👨‍💻

Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML
• CSS
• JavaScript
• API REST
• Git/Github

Continuar o desenvolvimento

Pretendo adicionar um elemento de pesquisa para buscar e fazer a filtragem dos Pokémons. Além de pegar mais informações dos Pokémons e adicioná-las a Pokédex.

Recursos úteis

• PokéApi - A PokéAPI é gratuita e aberta para uso. Também é muito popular e é principalmente uma ferramenta educacional.
• Introdução às Web APIs - O que são, como funcionam, como usá-las em seu código e como são estruturadas? Ainda, entender quais são as principais classes de APIs e quais usos elas possuem.
• API REST: o que é e como montar uma API sem complicação? - Este artigo fornece sobre que é API REST, qual a relação entre HTTP e REST, entender as diferenças entre SOAP e REST. Para que serve o API REST e suas principais aplicações!
• Como usar a Fetch API do JavaScript para buscar dados - O JavaScript tem sua própria maneira integrada de fazer solicitações de API. Isso é feito pela Fetch API, um novo padrão para fazer solicitações de servidor com promessas, que inclui também muitas outras funcionalidades.
• Fetch API – como fazer solicitações GET e POST em JavaScript - O JavaScript tem sua própria maneira integrada de fazer solicitações de API. Isso é feito pela Fetch API, um novo padrão para fazer solicitações de servidor com promessas, que inclui também muitas outras funcionalidades.

Autor

João Alison TI 👨🏽‍💻

---

2023