GitHub Profile Viewer

Aplicação web para visualizar perfis do GitHub com interface moderna, responsiva e filtragem de repositórios por tipo e linguagem.

---

🚀 Tecnologias utilizadas

• React 19.1
• TypeScript
• Vite 7
• Tailwind CSS 4
• Zustand (estado global)
• TanStack React Query (API e cache)
• Radix UI
• Lucide React Icons
• React Router Dom

---

📦 Como clonar e rodar localmente

1. Clone o repositório:

git clone https://github.com/seu-usuario/github-profile.git
cd github-profile

2. Instale as dependências:

npm install

3. Configure o token do GitHub:

Crie um arquivo .env.local na raiz do projeto:

touch .env.local

Adicione seu token:

VITE_GITHUB_TOKEN=ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

🔒 O token permite mais requisições e evita limite da API.
Você pode gerar um token em: https://github.com/settings/tokens

4. Inicie o projeto:

npm run dev

Acesse no navegador:
📍 http://localhost:5173

---

✨ Funcionalidades

• Visualização de perfil do GitHub
• Listagem de repositórios e favoritos (starred)
• Filtros por tipo (forks, mirrors, etc)
• Filtros por linguagem
• Paginação e busca por nome
• Interface responsiva com adaptação para mobile/desktop

---

📤 Deploy

https://github-profile-flax.vercel.app/

---

🛠 Scripts disponíveis

Script	Ação
npm run dev	Inicia o servidor de desenvolvimento
npm run build	Gera a build de produção
npm run preview	Visualiza o app em produção local
npm run lint	Executa o linter com ESLint

---