{"id":16483638,"url":"https://github.com/idurar/ant-design-redux-typescript","last_synced_at":"2025-05-01T20:32:20.585Z","repository":{"id":44546354,"uuid":"455988898","full_name":"idurar/ant-design-redux-typescript","owner":"idurar","description":"Github Repos React App with Typescript - Starter Project built with react redux typescript ant design","archived":false,"fork":false,"pushed_at":"2023-04-19T12:57:43.000Z","size":594,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-06T18:05:14.934Z","etag":null,"topics":["ant-design","antd","boilerplate","less","react","redux","redux-thunk","starter","typescript"],"latest_commit_sha":null,"homepage":"https://www.idurarapp.com","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/idurar.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":"2022-02-05T21:23:41.000Z","updated_at":"2024-09-29T16:03:06.000Z","dependencies_parsed_at":"2024-10-11T13:24:36.420Z","dependency_job_id":null,"html_url":"https://github.com/idurar/ant-design-redux-typescript","commit_stats":null,"previous_names":["idurar/ant-design-redux-typescript"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idurar%2Fant-design-redux-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idurar%2Fant-design-redux-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idurar%2Fant-design-redux-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idurar%2Fant-design-redux-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/idurar","download_url":"https://codeload.github.com/idurar/ant-design-redux-typescript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251941144,"owners_count":21668679,"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":["ant-design","antd","boilerplate","less","react","redux","redux-thunk","starter","typescript"],"created_at":"2024-10-11T13:14:36.769Z","updated_at":"2025-05-01T20:32:20.156Z","avatar_url":"https://github.com/idurar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Starter Project built with React Redux Typescript Ant Design\n\nThis is an open source Github project called \"Github Repos React App with Typescript\" that is built using React, Redux and Ant Design UI library. The purpose of the application is to show GitHub repositories that have the most stars, based on data fetched from the Github API.\n\nThe app has several features such as the ability for a user to mark a repository as a favorite by clicking on a heart icon which will store the details locally for future use. Additionally, the user can filter the list of repositories by programming language.\n\nThe project serves as a starter boilerplate for anyone interested in building a similar application using React, Redux, and TypeScript. It comes with basic functionalities already implemented, that can be used as a foundation to build other features.\n\nThe project is open source and can be accessed via Github. Users are free to modify, distribute, and use the code for their personal or commercial projects, under the terms of the MIT License.\n#\nDemo : [https://github-repos-react-typescript.vercel.app/](https://github-repos-react-typescript.vercel.app/)\n\n#\n![starter-react-typescript-redux-ant-design](https://user-images.githubusercontent.com/50052356/233078447-edef486d-0008-46c2-b07b-859530d4e559.jpeg)\n\nSure! Here are some code snippets from the Github Repos React App with Typescript project:\n\n**Fetching data from Github API**\n```typescript\nexport const fetchRepositories = async (language: string): Promise\u003cRepository[]\u003e =\u003e {\n  const response = await axios.get(\n    `https://api.github.com/search/repositories?q=stars:%3E1+language:${language}\u0026sort=stars\u0026order=desc\u0026type=Repositories`\n  );\n  return response.data.items;\n};\n```\n\n**Redux action for marking a repo as favorite**\n```typescript\nexport const toggleFavoriteRepo = (repo: Repository): AppActions =\u003e ({\n  type: TOGGLE_FAVORITE_REPO,\n  payload: { repo },\n});\n```\n\n**Rendering the list of repositories**\n```tsx\nconst RepoList: React.FC\u003cRepoListProps\u003e = ({ repos, toggleFavorite }) =\u003e {\n  if (repos.length === 0) {\n    return \u003cEmpty /\u003e;\n  }\n\n  return (\n    \u003cList\n      itemLayout=\"horizontal\"\n      dataSource={repos}\n      renderItem={(repo) =\u003e (\n        \u003cList.Item\n          actions={[\n            \u003cButton\n              icon={\u003cHeartOutlined /\u003e}\n              onClick={() =\u003e toggleFavorite(repo)}\n              style={{ color: repo.isFavorite ? \"red\" : \"grey\" }}\n            /\u003e,\n          ]}\n        \u003e\n          \u003cList.Item.Meta\n            avatar={\u003cAvatar src={repo.owner.avatar_url} /\u003e}\n            title={\u003ca href={repo.html_url}\u003e{repo.full_name}\u003c/a\u003e}\n            description={\u003c\u003e{repo.description || \"No description available\"}\u003c/\u003e}\n          /\u003e\n        \u003c/List.Item\u003e\n      )}\n    /\u003e\n  );\n};\n``` \n\nThese are just a few examples of the codebase in this project. The full source code is available on the Github repository linked earlier.\n\n\n### install App \nyarn install\n\n### start App \nyarn start\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidurar%2Fant-design-redux-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fidurar%2Fant-design-redux-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidurar%2Fant-design-redux-typescript/lists"}