{"id":18301813,"url":"https://github.com/guicamargo19/github_profiles","last_synced_at":"2026-04-12T03:38:30.655Z","repository":{"id":216726793,"uuid":"742150026","full_name":"guicamargo19/github_profiles","owner":"guicamargo19","description":"Projeto em ReactJS e Vite","archived":false,"fork":false,"pushed_at":"2024-04-29T15:14:36.000Z","size":573,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-05T05:59:47.203Z","etag":null,"topics":["bem-methodology","css-modules","css3","eslint","html5","npm","reactjs","vite","vscode"],"latest_commit_sha":null,"homepage":"https://github-profile-pi-six.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/guicamargo19.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-11T21:29:44.000Z","updated_at":"2024-04-29T15:14:41.000Z","dependencies_parsed_at":"2024-01-12T09:35:23.382Z","dependency_job_id":"932d887c-9158-4cf1-979b-87d6cdcae4aa","html_url":"https://github.com/guicamargo19/github_profiles","commit_stats":null,"previous_names":["guicamargo19/github_profile"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/guicamargo19/github_profiles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgithub_profiles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgithub_profiles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgithub_profiles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgithub_profiles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guicamargo19","download_url":"https://codeload.github.com/guicamargo19/github_profiles/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guicamargo19%2Fgithub_profiles/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31703501,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"online","status_checked_at":"2026-04-12T02:00:06.763Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["bem-methodology","css-modules","css3","eslint","html5","npm","reactjs","vite","vscode"],"created_at":"2024-11-05T15:17:02.781Z","updated_at":"2026-04-12T03:38:30.635Z","avatar_url":"https://github.com/guicamargo19.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub Profiles\n\n## Apresentação do projeto\n\nhttps://github.com/guicamargo19/github_profile/assets/133445061/2c3682ec-ad97-4c87-9eb7-b21ec6735fa5\n\nProjeto desenvolvido em **ReactJS** e estilização com **CSS Modules**, e permite digitar o usuário do github que deseja\nver o profile. A página traz o avatar e o nome do usuário requerido, assim como o todo o portfólio público, oferencendo\na possibilidade de entrar no repositório desejado pelo link \"Visitar no GitHub\".\n\nNeste projeto foi aplicado a **Metodologia BEM** para boas práticas de programação, facilitando a interpretação do código e\nmanutenção por outros desenvolvedores.\n\nProjeto desenvolvido no curso de Full Stack Python da EBAC - Escola Britânica de Artes Criativas e Tecnologia.\n\n## 🚀 Começando\n\nEstas instruções permitirão que você obtenha uma cópia do projeto em execução em sua máquina local para fins de desenvolvimento e teste.\n\n## IDE Setup recomendado\n\n[VSCode](https://code.visualstudio.com/) +\n[Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur)\n\n## Configuração customizada\n\nVeja [Vite Configuration Reference](https://vitejs.dev/config/).\n\n### Instalação\n\nSiga estas etapas a seguir para configurar o ambiente de desenvolvimento:\n\n1. Clone este repositório em sua máquina local.\n2. Navegue até o diretório clonado.\n3. Execute o seguinte comando para instalar as dependências:\n\n  **``npm install``**\n\n### Executar o projeto\n\nNo arquivo package.json, em scripts, é possível designar os comandos desejados para execução do projeto em ambiente de\ndesenvolvimento e produção.\n\n      \"scripts\": {\n        \"dev\": \"vite\",\n        \"build\": \"vite build\",\n        \"lint\": \"eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0\",\n        \"preview\": \"vite preview\"\n    },   \n\nPara ambiente de desenvolvimento, utilizamos o comando dev, que foi configurado com o watch para captar as alterações\nnos arquivos enquanto codamos:\n \n  **``npm run dev``**\n\nA aplicação deverá rodar em [http://localhost:5173/](http://localhost:5173/)\n\nPara ambiente de produção, utilizamos o comando:\n\n  **``npm run build``**\n\nA pasta \"dist\" é criada com os arquivos para produção.\n\n## 🛠️ Ferramentas utilizadas para construção do projeto\n\n* **ReactJS** - Biblioteca front-end JavaScript de código aberto com foco em criar interfaces de usuário em páginas web.\n* **ESLint** - Linter, uma ferramenta de análise estática, para as linguagens Javascript e Typescript, sendo o mais popular do mundo para tais linguagens.\n* **HTML** - Linguagem de marcação utilizada na construção de páginas na Web.\n* **CSS Modules** -  São arquivos CSS em que os classNames e animações são definidos localmente e não globalmente.\n* **Metodologia BEM** - Block Element Modifier, é uma forma de organizar o código CSS para solucionar problemas frequentes no desenvolvimento web.\n* **NPM** - Gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.JS.\n* **Vite** - Servidor de desenvolvimento local usado por padrão pelo Vue e para modelos de projeto React.\n\n## ✒️ Autor\n\nGuilherme Ferreira Camargo\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguicamargo19%2Fgithub_profiles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguicamargo19%2Fgithub_profiles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguicamargo19%2Fgithub_profiles/lists"}