Um projeto simples também pode trazer grandes aprendizados.

Ao revisitar minha Pokédex, percebi que o projeto poderia ser muito mais do que apenas uma aplicação para consumir uma API.

Uma das experiências mais interessantes foi utilizar um layout já projetado como referência e tentar chegar ao resultado visual proposto. Isso me colocou em uma situação muito próxima da realidade de um desenvolvedor Front-End: receber uma interface definida e encontrar soluções para implementá-la, em vez de simplesmente mudar o layout quando algo se torna mais difícil de desenvolver.

E foi justamente durante essa evolução que surgiram problemas que eu não esperava.

Ao transformar uma interface simples em uma mais elaborada, enfrentei problemas de performance que chegaram a impactar significativamente o projeto. Essa experiência inclusive foi tema de um post anterior, onde compartilhei mais detalhes sobre a investigação e a solução.

Também pude perceber na prática a importância de uma boa organização do projeto. Quando comportamentos inesperados surgiram, ter responsabilidades bem separadas facilitou bastante a identificação dos problemas.

Outro ponto foi a organização dos types, separados por contexto, como:

● API

● Services

● Context

● Components

Além disso, o projeto reforçou a importância de pensar no que acontece quando algo dá errado:

🔹 Tratamento de erros com feedback para o usuário

🔹 Alertas para comunicar rapidamente o que aconteceu

🔹 Fallbacks para evitar interfaces quebradas ou espaços vazios

🔹 Componentização e organização para facilitar manutenção

No fim, uma Pokédex pode parecer um projeto simples, mas foi justamente nela que consegui experimentar situações que vão muito além de simplesmente "fazer funcionar".

Mais do que adicionar uma nova aplicação ao portfólio, esse projeto me ajudou a perceber que qualidade de software também está nos detalhes que muitas vezes não aparecem na tela.

🔗 Demo: https://pokedex-gamma-ten-40.vercel.app/

📂 Repositório: https://github.com/Kevenshtk/Pokedex

#React #NextJS #TypeScript #Frontend #TailwindCSS #WebDevelopment #Performance #CleanCode #DesenvolvimentoWeb #Portfolio