{"id":13610146,"url":"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web","last_synced_at":"2025-10-24T06:42:59.402Z","repository":{"id":49237823,"uuid":"282316667","full_name":"colbyfayock/50-projects-for-react-and-the-static-web","owner":"colbyfayock","description":"⚛ 50 project ideas to learn by doing complete with project briefs, layout ideas, and resources!","archived":false,"fork":false,"pushed_at":"2023-08-04T18:39:55.000Z","size":168,"stargazers_count":1076,"open_issues_count":2,"forks_count":155,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-04-08T19:24:11.501Z","etag":null,"topics":["ebook","hacktoberfest","javascript","learn-to-code","learning","learning-by-doing","react","reactjs","tutorial","tutorials"],"latest_commit_sha":null,"homepage":"https://50reactprojects.com","language":null,"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/colbyfayock.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":["colbyfayock"]}},"created_at":"2020-07-24T21:10:40.000Z","updated_at":"2025-03-30T21:02:36.000Z","dependencies_parsed_at":"2024-01-14T06:53:29.449Z","dependency_job_id":"46c50ad5-db2f-4076-b364-965f4f5a6481","html_url":"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web","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/colbyfayock%2F50-projects-for-react-and-the-static-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colbyfayock%2F50-projects-for-react-and-the-static-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colbyfayock%2F50-projects-for-react-and-the-static-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/colbyfayock%2F50-projects-for-react-and-the-static-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/colbyfayock","download_url":"https://codeload.github.com/colbyfayock/50-projects-for-react-and-the-static-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254493378,"owners_count":22080126,"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":["ebook","hacktoberfest","javascript","learn-to-code","learning","learning-by-doing","react","reactjs","tutorial","tutorials"],"created_at":"2024-08-01T19:01:41.718Z","updated_at":"2025-10-24T06:42:59.306Z","avatar_url":"https://github.com/colbyfayock.png","language":null,"funding_links":["https://github.com/sponsors/colbyfayock"],"categories":["Others"],"sub_categories":[],"readme":"# 50 Projects for React and the Static Web\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-11-orange.svg?style=flat-square)](#contributors-)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n50 project ideas to help you stop asking yourself what to build.\n\nGet the [FREE PDF](https://50reactprojects.com/) here: [50reactprojects.com](https://50reactprojects.com/)\n\n## Topics\n* [Business \u0026 Real-World](Business%20%26%20Real-World)\n* [Fun \u0026 Interesting](Fun%20%26%20Interesting)\n* [Personal \u0026 Portfolio](Personal%20%26%20Portfolio)\n* [Productivity](Productivity)\n* [Games \u0026 Puzzles](Games%20%26%20Puzzles)\n* [Tools \u0026 Libraries](Tools%20%26%20Libraries)\n* [Project Add-Ons](Project%20Add-Ons)\n* [Clones](Clones)\n\n## Completed any project ?\n\nYou can create a pull request to [completed projects section](project_completed.md) and add your username and the projects done as followed .\nSomething like this \u003cbr\u003e\n```\n[username]( GitHub Profile Link )\n[project name] (Completed Project Link)\n```\nYou can always add extra projects with a PR later.\n\n## Contributing\n\nContributions are welcome with open arms! My goal is to provide an easy resource for anyone to get started building rather than getting stuck trying to come up with an idea.\n\nHere are some ideas of ways you can help:\n* **Toolbox:** know of a really great React hook or library that's a great resource to learn and use?\n* **Tutorials:** know of a great tutorial that helps walk through building a similar project or something that might help as part of that project?\n* **Documentation:** is there anything on here you think is confusing, could use more clarification, or just something that could be helpful?\n\n##  Support This Project\n\nSupport this project and future free content by [sponsoring @colbyfayock](https://github.com/sponsors/colbyfayock).\n\n## ✨ Contributors \n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://colbyfayock.com/newsletter\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/1045274?v=4?s=100\" width=\"100px;\" alt=\"Colby Fayock\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eColby Fayock\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=colbyfayock\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=colbyfayock\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://www.youtube.com/codeSTACKr/\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/52665907?v=4?s=100\" width=\"100px;\" alt=\"Jesse Hall\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eJesse Hall\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=codeSTACKr\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#video-codeSTACKr\" title=\"Videos\"\u003e📹\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://m.youtube.com/channel/UCKmIFs7rFKdTE6t1y8bKAHQ/videos\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/49345531?v=4?s=100\" width=\"100px;\" alt=\"Ameen\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAmeen\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=UnevenCoder\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://medium.com/@yogeshchavan\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/2779129?v=4?s=100\" width=\"100px;\" alt=\"Yogesh Chavan\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eYogesh Chavan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=myogeshchavan97\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://ashusingh.me/\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/45850882?v=4?s=100\" width=\"100px;\" alt=\"ASHUTOSH KUMAR SINGH\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eASHUTOSH KUMAR SINGH\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=lelouchB\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://www.kevincunningham.co.uk\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/8320213?v=4?s=100\" width=\"100px;\" alt=\"Kevin Cunningham\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eKevin Cunningham\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=doingandlearning\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/GK-Hynes\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/28233682?v=4?s=100\" width=\"100px;\" alt=\"Gerard Hynes\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGerard Hynes\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=GK-Hynes\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/shashiirk\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/48406108?v=4?s=100\" width=\"100px;\" alt=\"Shashikanth Reddy\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eShashikanth Reddy\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=shashiirk\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/andreaskeller\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/5086590?v=4?s=100\" width=\"100px;\" alt=\"Andreas Keller\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAndreas Keller\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=andreaskeller\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/ambujsahu81\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/118078892?v=4?s=100\" width=\"100px;\" alt=\"Ambuj sahu\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAmbuj sahu\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=ambujsahu81\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://stackoverflow.com/users/11660398/mohamed-mehdi-gara\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/47916299?v=4?s=100\" width=\"100px;\" alt=\"Mohamed Mehdi Gara\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMohamed Mehdi Gara\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/colbyfayock/50-projects-for-react-and-the-static-web/commits?author=mohamedmehdigara\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcolbyfayock%2F50-projects-for-react-and-the-static-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcolbyfayock%2F50-projects-for-react-and-the-static-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcolbyfayock%2F50-projects-for-react-and-the-static-web/lists"}