Aplicação web para visualizar perfis do GitHub com interface moderna, responsiva e filtragem de repositórios por tipo e linguagem.
- 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
git clone https://github.com/seu-usuario/github-profile.git
cd github-profilenpm installCrie um arquivo .env.local na raiz do projeto:
touch .env.localAdicione 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
npm run devAcesse no navegador:
📍 http://localhost:5173
- 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
https://github-profile-flax.vercel.app/
| 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 |