[TESTE] Nicolas Braga - Desenvolvedor Frontend

[nbraga]

📝 Descrição

Breve descrição do que foi implementado.

✅ 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]
• Hooks testados: [useUserRepos]
• Actions testados: [fetchUserRepos]
• Cobertura estimada: 10%

🚀 Como executar

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

## Por que escolheu determinada biblioteca de cache
A escolha foi baseada no padrão que já utilizamos no trabalho e pela facilidade da listagem dos dados com a solicitação feita pelo TanStack Query, confesso que achei interessante o SWR e pesquisei sobre trabalhar pela URL Search, algo que irei parar para estudar.

## Como organizou os componentes atômicos
Confesso que foi a primeira vez que usei esse modelo e achei muito interessante, geralmente usando o Next, utilizo cada component em sua respectiva pasta, caso tenha components para toda aplicação, ai sim deixo eles em uma pasta global para reutilizar onde for necessário, como uso o shadcn ui, ele já cria a pasta de ui que é referência para instalação dos components da lib e que no caso seria os atoms, mas bem interessante o modelo!

## Desafios encontrados e soluções
Um dos desafios que mais tomou meu tempo, foi os testes, pois onde trabalho, por conta das altas demandas, paramos de fazer e pude perceber que tenho que estudar o story book, já tinha visto em vídeos, mas nunca tinha parado para implementar.

## Screenshots
As imagens do projeto estão na pasta public