{"id":28103564,"url":"https://github.com/gustavo-mmh/api-github-componetizado","last_synced_at":"2026-04-14T23:31:40.160Z","repository":{"id":48408095,"uuid":"512534886","full_name":"gustavo-mmh/api-github-componetizado","owner":"gustavo-mmh","description":"Este projeto é uma aplicação front-end desenvolvida em React que permite buscar perfis de usuários no GitHub e visualizar seus detalhes, incluindo repositórios públicos e repositórios favoritados (starred).","archived":false,"fork":false,"pushed_at":"2025-07-28T20:44:29.000Z","size":1084,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-28T22:28:15.916Z","etag":null,"topics":["api","github","material-ui","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gustavo-mmh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-10T20:39:42.000Z","updated_at":"2025-07-28T20:44:33.000Z","dependencies_parsed_at":"2023-01-20T02:17:51.053Z","dependency_job_id":null,"html_url":"https://github.com/gustavo-mmh/api-github-componetizado","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gustavo-mmh/api-github-componetizado","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavo-mmh%2Fapi-github-componetizado","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavo-mmh%2Fapi-github-componetizado/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavo-mmh%2Fapi-github-componetizado/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavo-mmh%2Fapi-github-componetizado/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gustavo-mmh","download_url":"https://codeload.github.com/gustavo-mmh/api-github-componetizado/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustavo-mmh%2Fapi-github-componetizado/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31819718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","github","material-ui","react"],"created_at":"2025-05-13T20:38:21.793Z","updated_at":"2026-04-14T23:31:40.150Z","avatar_url":"https://github.com/gustavo-mmh.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔍 GitHub Profile Viewer e Repositórios\n\nEste projeto é uma aplicação front-end desenvolvida em React que permite buscar perfis de usuários no GitHub e visualizar seus detalhes, incluindo repositórios públicos e repositórios favoritados (starred). Ele foi construído com uma arquitetura modular e utiliza componentes estilizados para uma experiência de usuário fluida.\n\n## ✨ Funcionalidades\n\n  * **Busca de Perfis:** 🎯 Procure usuários do GitHub digitando seus nomes de usuário.\n  * **Pesquisa Dinâmica:** A barra de pesquisa na `Navbar` reage a cada caractere digitado, exibindo resultados dinamicamente.\n  * **Visualização de Perfil:** Exibe informações detalhadas do usuário, como avatar, nome, username, blog, empresa, localização, número de seguidores, quem ele segue, gists públicos e repositórios públicos.\n  * **Repositórios em Abas:** Os repositórios públicos e os repositórios favoritados são organizados em abas separadas para fácil navegação.\n  * **Componentes Reutilizáveis:** A aplicação é construída com uma série de componentes reutilizáveis para uma manutenção e escalabilidade eficientes.\n  * **Consumo da API do GitHub:** Interage diretamente com a API pública do GitHub para obter os dados.\n\n## 🛠️ Tecnologias Utilizadas\n\nO projeto utiliza as seguintes tecnologias e bibliotecas:\n\n  * **React:** Biblioteca JavaScript para construção da interface de usuário.\n  * **Styled-components:** Para estilização de componentes, permitindo um CSS-in-JS eficiente e modular.\n  * **Axios:** Cliente HTTP baseado em Promises para realizar requisições à API do GitHub.\n  * **Material-UI (MUI):** Utilizado para componentes de UI (como `AppBar`, `Toolbar`, `InputBase`, `IconButton`, `Typography`, etc.), oferecendo um design moderno e responsivo.\n  * **React Tabs:** Para a criação e gerenciamento de abas para organizar a visualização dos repositórios.\n  * **Context API e Hooks (useState, useEffect, useCallback):** Para gerenciamento de estado global da aplicação e lógica de ciclo de vida dos componentes.\n\n## 📂 Estrutura do Projeto\n\nA estrutura do projeto está organizada da seguinte forma:\n\n```\n├── public/                     # Arquivos públicos da aplicação (HTML, ícones) 🌐\n├── src/                        # Código-fonte da aplicação 💻\n│   ├── components/             # Componentes de UI reutilizáveis (Header, Profile, Repositories, etc.) 🧩\n│   ├── global/                 # Estilos globais e reset CSS 🎨\n│   ├── hooks/                  # Hooks personalizados (e.g., useGithub para lógica de API) 🎣\n│   ├── providers/              # Provedores de contexto para estado global (e.g., GithubProvider) 📦\n│   ├── services/               # Configurações de serviços e chamadas de API (e.g., api.js) ⚙️\n│   ├── App.js                  # Componente principal da aplicação\n│   └── index.js                # Ponto de entrada da aplicação React\n├── package.json                # Dependências do projeto e scripts 📋\n├── README.md                   # Documentação do projeto (este arquivo) 📖\n└── .gitignore                  # Arquivos e diretórios a serem ignorados pelo Git 🚫\n```\n\n## 🚀 Como Começar\n\nSiga estas instruções para configurar e executar o projeto em sua máquina local.\n\n### 📋 Pré-requisitos\n\nCertifique-se de ter o Node.js e o npm (ou Yarn) instalados em seu ambiente.\n\n### ⬇️ Instalação\n\n1.  **Clone o repositório:**\n    ```bash\n    git clone \u003cURL_DO_SEU_REPOSITORIO\u003e\n    cd api-github-componetizado\n    ```\n2.  **Instale as dependências:**\n    Usando npm:\n    ```bash\n    npm install\n    ```\n    Ou usando Yarn:\n    ```bash\n    yarn install\n    ```\n\n### ▶️ Executando a Aplicação\n\nPara iniciar o servidor de desenvolvimento:\n\n```bash\nnpm start\n# ou\nyarn start\n```\n\nIsso abrirá o aplicativo em seu navegador padrão em `http://localhost:3000`. A página será recarregada automaticamente quando você fizer alterações no código.\n\n## 📝 Scripts Disponíveis\n\nNo diretório do projeto, você pode executar:\n\n  * **`npm start`**: Inicia o aplicativo em modo de desenvolvimento.\n  * **`npm test`**: Inicia o executor de testes em modo de observação interativo.\n  * **`npm run build`**: Compila o aplicativo para produção na pasta `build`.\n  * **`npm run eject`**: Remove a dependência de build única do seu projeto. **Use com cautela, esta operação é irreversível\\!**\n\n## ☁️ Deploy na Nuvem\n\n- Netilify\n\n## 🌎 Ver Site Funcionando\n\n-  [Ver Site](https://api-github-componentizado.netlify.app)\n\n## 🤝 Contribuição\n\nContribuições são bem-vindas\\! Sinta-se à vontade para abrir issues ou pull requests para melhorias.\n\n## ⚖️ Licença\n\nEste projeto é de código aberto.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavo-mmh%2Fapi-github-componetizado","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgustavo-mmh%2Fapi-github-componetizado","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavo-mmh%2Fapi-github-componetizado/lists"}