Um dos projetos que mais gostei de trabalhar e quis trabalhar com várias ferramentas que ando estudando, o PokémonBank é uma pokédex do Pokémon, utilizando a PokeApi onde temos diversas informações sobre vários Pokémon e todo o seu universo.
Feito no intuito de práticar minhas técnicas com chamadas de API e também para trabalhar com um design já fornecido pela página do DevChallenge, construido pela umpontoseis, e também praticar as linguagens que ando mais utilizando.
Com esse projeto pude me aprofundar em conhecimentos como:
- Trabalhar com a
context apidoReact.js - Utilizar os
typesdoTypescript- Juntamento com a funcionalidade de
Pick, onde podemos pegar tipagens especificas de uma interface já criada
- Juntamento com a funcionalidade de
- Utilização de
CSS Modules com o SASS - Trabalho com hooks do
React.js - Manipulação dinâmica de rotas com o
react-router V6 Vitecomo ferramenta de build do projeto- Criação do projeto utilizando o método
Mobile First
OBS: Nem todas as funcionalidades estão com seu funcionamento 100%, acabei finalizando as partes que consegui no momento
- Responsividade Web/Mobile
- Listagem dos 50 primeiros Pokémon na Home Page
- Botão para carregamento de mais 50 Pokémon ao final da Page
- Input de procura totalmente funcional para os 1118 Pokémon
- Ao clicar em um dos cards redireciona para uma visualização única daquele card
- UI completa
- Filtragem para as informações dos Pokémon
- Scroll infinito
