[TESTE] Analice Moschen - Desenvolvedor Frontend

[AnaliceMM4]

📝 Descrição

Implementação de aplicação Next.js 13+ com App Router, arquitetura Design Atômico e integração com a API do GitHub para listagem, paginação e detalhes de repositórios.
Utiliza React Query para cache, TypeScript para tipagem estática e estilização responsiva com paleta marrom/dourado. Inclui Navbar e Footer fixos, componentes reutilizáveis e skeletons de carregamento.

✅ Checklist de Requisitos

• Design Atômico implementado
• Hooks do React utilizados adequadamente
• Cache implementado (React Query)
• Testes unitários incluídos
• TypeScript configurado
• Responsividade implementada

##🧪 Testes

• Total de testes: 4
• Componentes testados: Button, Input, SearchBox
• Hooks testados: userUserRepo
• Cobertura estimada: 5% a 10%
  Observação: Os testes foram escritos, mas a execução apresentou erros de configuração do Jest com Next.js 13 (suporte a JSX e ESM). Os arquivos foram mantidos para ajustes futuros.

🚀 Como executar

# Comandos para instalar e executar
npm install
npm run dev
npm run test

🧠 Decisões Técnicas

Biblioteca de cache: React Query pela praticidade no gerenciamento de estado assíncrono, cache e revalidação automática.
Organização dos componentes atômicos: Atoms, Molecules, Organisms, Templates, Layout e Pages.
Desafios: Configuração do Jest para Next.js 13 apresentou erros com JSX/ESM. Mantive os testes escritos para correção futura.

🖼️ Imagens

Tela inicial

Lista de repositórios

Página de detalhes

Paginação

📌 Observações

• Alguns repositórios podem não informar a linguagem, sendo exibido "-".
• A pasta public/ contém outras imagens, favicon e animações usadas nos componentes.