{"id":18656048,"url":"https://github.com/leonardospereira/github-blog","last_synced_at":"2026-04-11T12:04:46.831Z","repository":{"id":242897770,"uuid":"808635860","full_name":"LeonardoSPereira/Github-Blog","owner":"LeonardoSPereira","description":"This is an application that uses the issues from a GitHub repository to create a blog.","archived":false,"fork":false,"pushed_at":"2024-06-05T17:22:35.000Z","size":578,"stargazers_count":0,"open_issues_count":6,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-27T14:41:41.578Z","etag":null,"topics":["react","react-hook-form","react-router","styled-components","typescript","vite","zod"],"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/LeonardoSPereira.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-05-31T13:36:05.000Z","updated_at":"2024-06-05T17:24:03.000Z","dependencies_parsed_at":"2024-06-05T16:28:53.059Z","dependency_job_id":"b31f443f-9546-448e-a197-f7c0179fe429","html_url":"https://github.com/LeonardoSPereira/Github-Blog","commit_stats":null,"previous_names":["leonardospereira/github-blog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FGithub-Blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FGithub-Blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FGithub-Blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeonardoSPereira%2FGithub-Blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LeonardoSPereira","download_url":"https://codeload.github.com/LeonardoSPereira/Github-Blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239470908,"owners_count":19644211,"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":["react","react-hook-form","react-router","styled-components","typescript","vite","zod"],"created_at":"2024-11-07T07:21:37.411Z","updated_at":"2025-11-05T20:30:30.740Z","avatar_url":"https://github.com/LeonardoSPereira.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub Blog\n\n\u003cimg src=\"./src/assets/Interface.png\" /\u003e\n\n## Table of Contents\n\n- [About](#about)\n- [Getting Started](#getting_started)\n- [Usage](#usage)\n- [Technologies](#technologies)\n\n## About \u003ca name = \"about\"\u003e\u003c/a\u003e\n- This is an application that uses the issues from a GitHub repository to create a blog. The user can see the issues and read them.\n- The project was created using React.js, TypeScript, Styled Components and the GitHub API.\n\n## Getting Started \u003ca name = \"getting_started\"\u003e\u003c/a\u003e\n\nThese instructions will get you a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\n- You need to have Node.js installed on your machine. You can download it [here](https://nodejs.org/en/).\n- You need to have a package manager installed on your machine. You can use npm, pnpm or yarn.\n\n### Installing\n\nA step by step series of examples that tell you how to get a development version running.\n\n1. Clone the repository or download the zip file:\n```bash\ngit clone https://github.com/LeonardoSPereira/Github-Blog.git \n```\n\n2. Install the dependencies: \n```bash\nnpm install\n\n# or\n\npnpm install\n```\n\n## Usage \u003ca name = \"usage\"\u003e\u003c/a\u003e\n\nThis instructions will help you to run the project on your local machine.\n\n- With the dependencies installed, you can run the project using the following command:\n\n```bash\nnpm run dev\n\n# or\n\npnpm dev\n```\n\n- To have your own blog, you need to:\n1. Change the repository in the `src/contexts/IssuesContext.tsx` file. Inside the function `IssuesProvider`, search for the function `fetchIssues` and change the `owner` and `repo` variables to your own repository.\n\n```typescript\nconst fetchIssues = async () =\u003e {\n    const repositoryOwner = 'LeonardoSPereira'; // Change this to your own repository owner\n    const repositoryName = 'github-blog'; // Change this to your own repository name\n    ...\n}\n```\n2. Change the user in the `src/components/Profile/index.tsx` file. Search for the `fetchGithubProfile` function and change the `username` variable to your own GitHub username.\n\n\n## Technologies \u003ca name = \"technologies\"\u003e\u003c/a\u003e\n- [React.js](https://reactjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Styled Components](https://styled-components.com/)\n- [React Router Dom](https://reactrouter.com)\n- [React Hook Form](https://react-hook-form.com/)\n- [Zod](https://zod.dev/)\n- [Vite](https://vitejs.dev/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonardospereira%2Fgithub-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleonardospereira%2Fgithub-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonardospereira%2Fgithub-blog/lists"}