GitFind é uma aplicação web simples e elegante construída com React que permite buscar usuários no GitHub, exibindo o perfil do usuário e a lista de seus repositórios públicos. 🌟
- 🔍 Buscar Usuário: Digite o nome de usuário do GitHub e encontre perfis rapidamente.
- 👤 Perfil Detalhado: Veja foto de perfil, nome, bio e login do usuário.
- 📂 Lista de Repositórios: Explore os repositórios públicos com nome e descrição.
| Tecnologia | Descrição |
|---|---|
 |
Framework para construção da interface |
 |
Para buscar dados de usuários e repositórios |
 |
Para estilização personalizada |
-
Clone o repositório ou baixe os arquivos. 📥
-
No diretório do projeto, execute:
npm install
-
Para iniciar o servidor de desenvolvimento:
npm start
A aplicação será aberta em http://localhost:3000. 🌐
- Na página inicial, digite o nome de usuário do GitHub no campo de input (ex: "octocat"). ✏️
- Clique em "Buscar". 🔘
- O perfil do usuário e seus repositórios serão exibidos. 📊
src/
├── pages/
│ └── Home/ # Componente principal da aplicação (App)
├── components/
│ ├── Header/ # Cabeçalho da página
│ └── ItemList/ # Componente para exibir itens da lista de repositórios
├── assets/ # Imagens, como o background
└── styles.css # Estilos globais
public/
└── index.html # Arquivo HTML base
No diretório do projeto, você pode executar:
Executa o app em modo de desenvolvimento.
Abra http://localhost:3000 para visualizá-lo no navegador.
A página será recarregada quando você fizer alterações.
Você também pode ver erros de lint no console.
Compila o app para produção na pasta build.
Ele bundla corretamente o React em modo de produção e otimiza o build para o melhor desempenho.
O build é minificado e os nomes dos arquivos incluem hashes.
Seu app está pronto para ser implantado!
Veja a seção sobre implantação para mais informações.
Você pode aprender mais na documentação do Create React App.
Para aprender React, confira a documentação do React.