🐶 Dogs (Angular)

Aplicação Angular para listar e gerenciar raças de cachorro com interface em cards: ver detalhes, filtrar, criar/editar (formulário reativo em MatDialog ou HTML puro) e excluir.

✨ Funcionalidades

Grid responsivo de cards com imagem, título e subtítulos

Busca/filtragem por status/origem (select)

Criar / Editar raça via formulário reativo (com validações)

Excluir item com confirmação

Serviço HTTP centralizado e interfaces TypeScript para tipos fortes

SCSS modular com BEM e variáveis de tema claro

🧱 Stack

Angular + TypeScript

SCSS para estilos

HTML de componentes

Linguagens do repo: TypeScript, SCSS e HTML. GitHub

🔌 API

O app consome dados de raças/imagens da TheDogAPI.

Endpoint base: https://api.thedogapi.com/v1

Ex.: GET /breeds, GET /breeds/search?q=terrier

Autenticação: header x-api-key: <SUA_CHAVE> Referência oficial: TheDogAPI “Working with Breeds” e Reference. docs.thedogapi.com +1

🚀 Como rodar localmente Clonar e instalar git clone https://github.com/flanconi/dogs.git cd dogs/dogs npm install npm start

🧩 Principais componentes

breeds.component: lista, filtro (select), ações Adicionar / Editar / Excluir

edit-breed-dialog: MatDialog com formulário reativo (validações: obrigatório, minLength, pattern para “10 - 12 years”)

breeds.service: chamadas HTTP (/breeds, /breeds/search), headers com x-api-key

breed.model.ts: interface(s) Breed, Image, etc.