{"id":13405854,"url":"https://github.com/alexgurr/react-coding-challenges","last_synced_at":"2025-10-03T18:43:39.841Z","repository":{"id":37838637,"uuid":"246241699","full_name":"alexgurr/react-coding-challenges","owner":"alexgurr","description":"A series of ReactJS coding challenges with a variety of difficulties. ","archived":false,"fork":false,"pushed_at":"2023-09-05T04:09:52.000Z","size":2412,"stargazers_count":3340,"open_issues_count":31,"forks_count":1116,"subscribers_count":52,"default_branch":"master","last_synced_at":"2025-04-20T16:56:26.386Z","etag":null,"topics":["app","candidates","challenge","coding-challenges","exercises","interview","interview-practice","interviews","javascript","react","react-coding-challenges","reactjs"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/alexgurr.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}},"created_at":"2020-03-10T08:04:51.000Z","updated_at":"2025-04-15T18:08:44.000Z","dependencies_parsed_at":"2023-10-20T16:35:04.212Z","dependency_job_id":null,"html_url":"https://github.com/alexgurr/react-coding-challenges","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/alexgurr%2Freact-coding-challenges","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgurr%2Freact-coding-challenges/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgurr%2Freact-coding-challenges/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexgurr%2Freact-coding-challenges/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexgurr","download_url":"https://codeload.github.com/alexgurr/react-coding-challenges/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254219374,"owners_count":22034397,"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":["app","candidates","challenge","coding-challenges","exercises","interview","interview-practice","interviews","javascript","react","react-coding-challenges","reactjs"],"created_at":"2024-07-30T19:02:13.963Z","updated_at":"2025-10-03T18:43:34.786Z","avatar_url":"https://github.com/alexgurr.png","language":"SCSS","readme":"\u003cimg src=\"https://puu.sh/HyrmV/95c458d9d9.png\" width=500 /\u003e\n\n#\n\u0026nbsp;\n### ⭐️ Looking for collaborators ⭐️\nWe're looking for people to come and help work on the latest challenge **Coinbee**. If you're interested, get in touch via our slack community or via my website [alexgurr.com](https://alexgurr.com)!\n\n\u0026nbsp;\n#\nA series of **ReactJS coding challenges** with a variety of difficulties. Deep dive into the why [here](https://dev.to/alexgurr/react-coding-challenges-for-interviews-beginners-1hlk).\n\nInterested in some React fundamentals / philosophies? Check out the [react-philosophies](https://github.com/mithi/react-philosophies) GitHub repo.\n\n\n\u0026nbsp;\n## Sponsored\n\n\u003cimg src=\"https://www.timetoestimate.com/favicon.png\" width=50 /\u003e [Time To Estimate](https://www.timetoestimate.com). A fun, simple way for agile teams to remotely estimate tasks together. Free, with no sign-up required.\n\n\u003cimg src=\"https://www.mixmello.com/favicon.png\" width=50 /\u003e [mixmello](https://www.mixmello.com). Create remixed versions of your favourite Spotify playlists.\n\n\u0026nbsp;\n## The Challenges\n### Easy 🙂\n##### 🚀 [Rocket Ship](https://github.com/alexgurr/react-coding-challenges/tree/master/rocket-ship)\nUnnecessary re-renders, fine grained control.\n\n\u0026nbsp;\n### Medium 😐\n##### 🌙 [Dark Mode](https://github.com/alexgurr/react-coding-challenges/tree/master/dark-mode)\nState / shared state, DOM manipulation.\n\n##### 🐝 Coinbee ![soon](https://badgen.net/badge/status/coming%20soon/green?icon=)\nData visualisation and graphing. API usage.\n\n\u0026nbsp;\n### Hard 😬\n##### 🎧 [Spootify](https://github.com/alexgurr/react-coding-challenges/tree/master/spootify)\nLoading state, API usage.\n\n##### 🤖 [Chatter](https://github.com/alexgurr/react-coding-challenges/tree/master/chatter)\nWeb sockets, events, callbacks \u0026 React hooks. Talks to [Botty](https://github.com/alexgurr/botty).\n\n\u0026nbsp;\n## Future Challenges ![later](https://badgen.net/badge/status/coming%20later/yellow?icon=)\n##### 🛒 shopit\nA product page with a shopping cart/checkout experience.\n\n\u0026nbsp;\n## What are the challenges for?\nThey could be:\n- Short coding exercises, for use in interviews with candidates\n- Ways for you to test yourself / test your coding abilities under pressure\n- Fun exercises to help you learn React \n\n\u0026nbsp;\n## How do they work / how do I get started?\nThe scaffolding of each challenges / app is done for you and each challenge has *create-react-app* as its foundation.\n\n- Clone the whole challenges repository\n- Run `yarn` or `npm install` in any of the individual challenge directories to install dependencies\n- Run `yarn start` or `npm start` to start the application on port 3000 (CRA default)\n- Each challenge has a README with requirements for you to complete\n\n*Some challenges might require usage of external APIs, but all information will be provided in the individual challenge readme.*\n\n\u0026nbsp;\n## Have you got the solutions?\nAll the coding challenges have been completed to a high standard. Get an automatic invite to the solutions repository at [solutions.alexgurr.com](https://www.solutions.alexgurr.com).\n\n\u0026nbsp;\n#### Why are the solutions invite only?\nPeople use these challenges for interviews. By putting the solutions behind a collaboration wall / invite-only repository we can discourage candidates from simply looking up the solutions.\n\n\u0026nbsp;\n#### Can I search for GitHub users and see if they accessed the solutions?\nYes! We track current / past collaborators, meaning if you want to check if a potential candidate had access / looked at the solutions you can simply search for them. You can do this by clicking the search icon in the top left at [solutions.alexgurr.com](https://www.solutions.alexgurr.com). and searching for them. \n\n\u0026nbsp;\n## Why does it take so long for updates / new challenges?\nI work on these challenges \u0026 solutions in my spare time, on top of a full time job and everything else that comes in life. Because of this, I don't always get a lot of time to maintain and add new challenges. Interested in becoming a collaborator or submitting your own challenge? **Reach out below or submit a new challenge!**\n\n\u0026nbsp;\n## Community ![slack-icon](https://puu.sh/Hse6N/da4145b9e1.png)\nWe're on Slack - come and [join us](https://join.slack.com/t/reactcodingch-ywm3888/shared_invite/zt-o5ns0i1x-nUW_obRlBOAh2muJITqX~g)!\n\n\u0026nbsp;\n## Thoughts or feedback 💬\nConflicting opinion about a challenge difficulty rating? Need some help or guidance? Got a challenge idea? Get in touch at [alexgurr.com](https://www.alexgurr.com).\n\n\u0026nbsp;\n## Contributing 💡\nWe have an [issue template](https://github.com/alexgurr/react-coding-challenges/blob/master/issue_template.md), [pull request template](https://github.com/alexgurr/react-coding-challenges/blob/master/pull_request_template.md) and a [new challenge template](https://github.com/alexgurr/react-coding-challenges/blob/master/new_challenge_template.md). We encourage you to fill out the right template and open a PR / issue!\n\n### What Makes A Good Challenge?\n- Clear requirements\n- Fun and engaging\n- Accurate difficulty level\n- Looks good (visually pleasing)\n- Realistic -- would someone ever need to build something like this in real life?\n- Easy to get started (minimal pre-requisites)\n","funding_links":[],"categories":["SCSS"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexgurr%2Freact-coding-challenges","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexgurr%2Freact-coding-challenges","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexgurr%2Freact-coding-challenges/lists"}