PROJETOS / 2026

Pokédex Angular

Uma Pokédex em Angular consumindo a PokéAPI: lista, cards e página de detalhe. Pequena de propósito, para praticar o framework moderno organizado por domínio.

VISÃO GERAL

Uma Pokédex feita em Angular 22 com dados da PokéAPI. A tela inicial lista os Pokémon em cards com imagem, e cada card leva para uma página de detalhe.

CONCEITO

Organização por domínio no Angular moderno. O que é infraestrutura — models e o service que conversa com a API — fica em core; cada tela é uma feature isolada; o que é reaproveitável, como o pipe que monta a URL da imagem, fica em shared. Os dados chegam como streams do RxJS e a navegação é feita pelo Angular Router.

FUNCIONALIDADES

Listagem de Pokémon em cards com imagem
Página de detalhes por Pokémon
Consumo da PokéAPI via service com RxJS
Pipe customizado para as imagens
Testes com Vitest

TECNOLOGIAS

Angular
TypeScript

Voltar para o portfólio