DevFinder Pro

Dashboard web para busca de perfis do GitHub

---

Demo

---

Sobre o projeto

DevFinder Pro busca qualquer perfil do GitHub e exibe estatísticas detalhadas: repositórios, seguidores, seguindo, stars totais, gráfico de linguagens mais usadas e repositórios filtráveis por linguagem, ordenação e forks. O histórico de buscas fica salvo no localStorage. Há dark/light mode e o design é responsivo para desktop e mobile.

---

Tecnologias

• React 19
• TypeScript
• Vite
• Tailwind CSS
• Recharts para gráficos interativos de linguagens
• TanStack Query para gerenciamento de estado e cache
• Axios para requisições à GitHub REST API
• Zustand para estado global
• React Router DOM para navegação

---

Estrutura

devfinder-pro/
├── public/
└── src/
    ├── api/
    │   ├── githubClient.ts
    │   ├── userApi.ts
    │   ├── reposApi.ts
    │   └── types.ts
    ├── components/
    │   ├── charts/
    │   ├── profile/
    │   ├── repos/
    │   └── ui/
    ├── hooks/
    ├── pages/
    │   ├── HomePage.tsx
    │   └── ProfilePage.tsx
    ├── store/
    └── utils/

---

Como executar

1. Clone o repositório:

git clone https://github.com/GeozedequeGuimaraes/devfinder-pro.git

2. Instale as dependências:

npm install

3. Configure as variáveis de ambiente:

cp .env.example .env

Edite o .env e adicione seu token do GitHub:

VITE_GITHUB_TOKEN=seu_token_aqui

4. Inicie o servidor de desenvolvimento:

npm run dev

---

Screenshots

   

---

Autor

Geozedeque Guimarães — Estudante de Ciência da Computação, CIn-UFPE