{"id":21177644,"url":"https://github.com/omarcoaur3lio/github-blog","last_synced_at":"2025-03-14T18:29:47.714Z","repository":{"id":234038769,"uuid":"787672595","full_name":"omarcoaur3lio/github-blog","owner":"omarcoaur3lio","description":"Este projeto utiliza as issues de um repositórios do GitHub como fonte de conteúdo para um blog.","archived":false,"fork":false,"pushed_at":"2024-05-07T23:15:23.000Z","size":6184,"stargazers_count":0,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T11:44:51.853Z","etag":null,"topics":["axios","github-api","reactjs","styled-components","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/omarcoaur3lio.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-17T00:52:47.000Z","updated_at":"2024-05-07T23:15:26.000Z","dependencies_parsed_at":"2024-04-18T02:25:11.071Z","dependency_job_id":"46e8a6da-e912-4163-8730-a3171d303e8c","html_url":"https://github.com/omarcoaur3lio/github-blog","commit_stats":null,"previous_names":["omarcoaur3lio/github-blog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omarcoaur3lio%2Fgithub-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omarcoaur3lio%2Fgithub-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omarcoaur3lio%2Fgithub-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omarcoaur3lio%2Fgithub-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omarcoaur3lio","download_url":"https://codeload.github.com/omarcoaur3lio/github-blog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243624904,"owners_count":20321194,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["axios","github-api","reactjs","styled-components","typescript"],"created_at":"2024-11-20T17:16:46.199Z","updated_at":"2025-03-14T18:29:47.693Z","avatar_url":"https://github.com/omarcoaur3lio.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./.github/header.png\" width=\"100%\" /\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.linkedin.com/in/omarcoaur3lio/\"\u003e\n    \u003cimg alt=\"Marco Aurélio\" src=\"https://img.shields.io/badge/-Marco Aurélio-000?style=flat\u0026logo=Linkedin\u0026logoColor=000\u0026labelColor=E1E1E6\" /\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"Completed\" href=\"https://rocketseat.com.br/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Ignite-000?style=flat\u0026logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAoCAYAAABw65OnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGHSURBVHgBxZc9UsMwEIVfoKHkCHsEH8E3CC0VvgG5gc0NcgP7BpTQ+QgOHZ2hpIKSLkgjeSIS2aOftfTNvImTGUVPq92VvEE6OqGt0EHoR+hNPx+QiFroOKMGCSgXDIxCt1iJUktO0C8YIKxEgfmVmyqmAdfghYRe4BbiL/35AWYGuEXB1A6M1AEGWPPiMcDAkdMABRpg2waCCqmvgT0Y6QMMDPBgqmNZbs9QK25x2sc6wIBXIhbGoG/Ln4VE4F+DcmEXOMmSGnjSMRsISsSYSMjEM7dwRAQEtzZsTtgYYyuo3CEwUGG+F3RQ1UNCd1gJOcFWT7JHZKLFIMPdaiOkn1lPPhcanBLsAZk4rxTZPQmJ6WFPyhpMuFzvurPv8p3hVehGaCP0jgSYVSHzwqv/uzAXCYK6Lcnaf4K6lP4K3SPRygkRxy8XDS6TsMWKXFl+s/WCTyQ0UcEe+qiT0BdbT+iQEMptALi8TXXIwJjbgGxKQ04DE2NuA3VOA7JPENRpWCEjJTLzBwzMMNX+FpToAAAAAElFTkSuQmCC\u0026labelColor=E1E1E6\u0026logoColor=000\"\u003e\u003c/img\u003e\n\u003c/a\u003e\n    \u003ca href=\"./README_en.md\"\u003e\n    \u003cimg alt=\"Read in english\" src=\"https://img.shields.io/badge/-Read in english-000?style=flat\u0026logo=google-translate\u0026logoColor=000\u0026labelColor=E1E1E6\" /\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n## :speech_balloon: Visão Geral\n\nEste projeto foi desenvolvido durante o terceiro módulo da trilha de React JS do programa Ignite da [Rocketseat](https://www.rocketseat.com.br).\n\u003cbr /\u003e\nO projeto consiste em utilizar as issues de um repositórios do GitHub como fonte de conteúdo para um blog.\nA aplicação utiliza a [GitHub Users API](https://docs.github.com/pt/rest/users/users#get-a-user) para exibir as informações do usuários, a [GitHub Issues API](https://docs.github.com/pt/rest/issues/issues#get-an-issue) para exibição completa de uma issue (post) e a [GitHub Search API](https://docs.github.com/pt/rest/search) para buscar por termos específicos nas issues do repositório.\n\n### Funcionalidades\n\n- Perfil do Usuário: Exibe informações do usuário do GitHub, como avatar, número de seguidores, nome, etc.\n- Listagem de Posts: Listagem de todas as issues (posts) do repositório, permitindo filtrar e visualizar um resumo do conteúdo.\n- Página de Post: Permite a visualização completa de uma issue, transformando o conteúdo escrito em Markdown para HTML.\n\n\n\u003cbr /\u003e\n\nA seguir, alguns dos conceitos postos em prática durante o desenvolvimento:\n\n- React Hooks (useState, useCallback, useContext)\n- Consumo de API com axios\n- Styled Components\n- ContextAPI\n- Roteamento com React Router\n- Estados e imutabilidade\n\n## :camera: Preview\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./.github/cover.gif\" width=100% /\u003e\n\u003c/div\u003e\n\n## :rocket: Executar o projeto\n\n```shell\n# clone o repositório\ngit clone https://github.com/omarcoaur3lio/github-blog.git\n\n# acesse a pasta do projeto\ncd github-blog\n```\n\nPara rodar o projeto é necessário criar um arquivo `.env` na raiz do projeto contendo o username do usuário no GitHub e o nome do repositório que contém as issues. \n\n```shell\n# crie o arquivo de configuração\ntouch .env\n\n# ou utilize o arquivo de exemplo\nmv env.sample .env\n```\n\nExecute o projeto\n\n```shell\n# instale as dependências\nnpm install\n\n# inicialize o projeto\nnpm run dev\n```\n\n## :rocket: Tecnologias Utilizadas\n\n  \u003ca href=\"https://react.dev/\"\u003e\n    \u003cimg alt=\"reactjs\" src=\"https://img.shields.io/badge/React-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%FF5C00\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.typescriptlang.org/\"\u003e\n    \u003cimg alt=\"typescript\" src=\"https://img.shields.io/badge/typescript-%2320232a.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=2d6ee6\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://styled-components.com/\"\u003e\n    \u003cimg alt=\"styled-components\" src=\"https://img.shields.io/badge/styled components-%2320232a.svg?style=for-the-badge\u0026logo=styledcomponents\u0026logoColor=D656A0\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://axios-http.com/\"\u003e\n    \u003cimg alt=\"axios\" src=\"https://img.shields.io/badge/Axios-%2320232a.svg?style=for-the-badge\u0026logo=axios\u0026logoColor=7938E2\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://axios-http.com/\"\u003e\n    \u003cimg alt=\"react-markdown\" src=\"https://img.shields.io/badge/React Markdown-%2320232a.svg?style=for-the-badge\u0026logo=markdown\u0026logoColor=FFF\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://axios-http.com/\"\u003e\n    \u003cimg alt=\"react-markdown\" src=\"https://img.shields.io/badge/DayJS-%2320232a.svg?style=for-the-badge\u0026logo=dayjs\u0026logoColor=FFF\" /\u003e\n  \u003c/a\u003e\n\u003cbr\u003e\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  Feito com :purple_heart:\n\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomarcoaur3lio%2Fgithub-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomarcoaur3lio%2Fgithub-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomarcoaur3lio%2Fgithub-blog/lists"}