{"id":22269312,"url":"https://github.com/jason89521/github-repo-search","last_synced_at":"2025-03-25T15:22:51.896Z","repository":{"id":42013378,"uuid":"456085556","full_name":"jason89521/github-repo-search","owner":"jason89521","description":null,"archived":false,"fork":false,"pushed_at":"2022-04-18T14:21:27.000Z","size":8226,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-30T13:42:27.318Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://xuan-github-repo-search.vercel.app/","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/jason89521.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-02-06T07:35:18.000Z","updated_at":"2023-03-07T04:36:24.000Z","dependencies_parsed_at":"2022-07-22T19:33:28.696Z","dependency_job_id":null,"html_url":"https://github.com/jason89521/github-repo-search","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jason89521%2Fgithub-repo-search","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jason89521%2Fgithub-repo-search/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jason89521%2Fgithub-repo-search/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jason89521%2Fgithub-repo-search/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jason89521","download_url":"https://codeload.github.com/jason89521/github-repo-search/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245486501,"owners_count":20623258,"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":[],"created_at":"2024-12-03T11:16:00.230Z","updated_at":"2025-03-25T15:22:51.871Z","avatar_url":"https://github.com/jason89521.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub Repositories Search\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n\u003e This branch contains the improved version, to see the original version please check out origin branch.\n\n## Features\n\n- List the list of repositories on one user's GitHub\n- List the files on one repository\n- List 5 recommended repositories when user types in the search field\n\n## [Demo Link](https://xuan-github-repo-search.vercel.app/)\n\n![](demo.gif)\n\n## Get Started\n\n1. clone this project\n2. Run the following command:\n   ```bash\n   yarn\n   yarn start\n   ```\n3. create a `.env.local` file in the root:\n   ```\n   REACT_APP_TOKEN=YOUR_GITHUB_TOKEN\n   ```\n\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\n## Files Structure\n\nAll the resource files are in the `src` folder.\n\n### `components` folder\n\nEvery component is placed in one folder which at least contains `index.tsx` and `[component-name].tsx`. `[component-name].tsx` implements the functionality of a component. `index.tsx` re-exports the component from `[component-name].tsx`. If a component uses `style-components` to style its elements, then there is an another file called `[component-name].style.tsx`. `[component-name].tsx` imports the styled components from `[component-name].style.tsx`.\n\nSo a component folder will looks like this:\n\n```\n|-- SearchField\n    |-- index.tsx\n    |-- SearchField.style.tsx\n    |-- SearchField.tsx\n```\n\n### `lib` folder\n\nSome utilities created to use SWR easily.\n\n### `pages` folder\n\nThe page components are placed in this folder. Their file structure looks like the components in `components` folder.\n\n### `styles` folder\n\nThe global style, colors and breakpoints are placed in this folder.\n\n### `types` folder\n\nThe types may be used by other components are placed in this folder.\n\n### `App.tsx`\n\nConfigures the structure of the router and shows the modal by the redux state.\n\n### `githubApi.ts`\n\nThis file contains an api to fetch data from github, including:\n\n- Search the users that best match the search term.\n\n### `index.tsx`\n\nGlobal styles and `BrowserRouter` are added in this file, and the `App` component is rendered in this file also.\n\n## Built with\n\n- [React](https://github.com/facebook/react)\n- [React Router](https://github.com/remix-run/react-router)\n- [styled-components](https://github.com/styled-components/styled-components)\n- [axios](https://github.com/axios/axios)\n- [framer motion](https://github.com/framer/motion)\n- [swr](https://github.com/vercel/swr)\n- [@yuxuan-zheng/hooks](https://github.com/jason89521/hooks)\n- [@yuxuan-zheng/react-infinite-scroll](https://github.com/jason89521/react-infinite-scroll)\n\n## Improvements\n\n- [x] click outside of th dialog will close the modal\n- [x] do not use redux to handle modal\n- [x] use swr to replace redux\n- [x] remove high order component\n- [x] use private token to raise the limits to 5000\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjason89521%2Fgithub-repo-search","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjason89521%2Fgithub-repo-search","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjason89521%2Fgithub-repo-search/lists"}