{"id":17995185,"url":"https://github.com/chris-sev/make-react-apps","last_synced_at":"2025-04-07T05:15:46.531Z","repository":{"id":54500202,"uuid":"256876804","full_name":"chris-sev/make-react-apps","owner":"chris-sev","description":"The code for the apps for the premium video courses: Make React Apps","archived":false,"fork":false,"pushed_at":"2022-08-26T17:40:24.000Z","size":2690,"stargazers_count":202,"open_issues_count":17,"forks_count":154,"subscribers_count":20,"default_branch":"master","last_synced_at":"2025-03-31T04:06:35.460Z","etag":null,"topics":["react","react-course","web-development"],"latest_commit_sha":null,"homepage":"https://MakeReactApps.com","language":"CSS","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/chris-sev.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":"2020-04-18T23:53:31.000Z","updated_at":"2025-03-28T18:23:56.000Z","dependencies_parsed_at":"2022-08-13T17:51:22.796Z","dependency_job_id":null,"html_url":"https://github.com/chris-sev/make-react-apps","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/chris-sev%2Fmake-react-apps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-sev%2Fmake-react-apps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-sev%2Fmake-react-apps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chris-sev%2Fmake-react-apps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chris-sev","download_url":"https://codeload.github.com/chris-sev/make-react-apps/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247595335,"owners_count":20963943,"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-course","web-development"],"created_at":"2024-10-29T20:18:11.405Z","updated_at":"2025-04-07T05:15:46.486Z","avatar_url":"https://github.com/chris-sev.png","language":"CSS","readme":"# Make React Apps\n\nIn this repo, you'll find the starter files and the finished files for the React Apps that we make in the courses: [Make 10 React Apps (Series A)](https://makereactapps.com/10-react-apps-series-a) and [Make 10 React Apps (Series B)](https://makereactapps.com/10-react-apps-series-b)\n\n| Series A | Series B |\n| -------- | -------- |\n| [![](https://scotch-res.cloudinary.com/image/upload/q_auto,w_700/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_evfnlk.png)](https://makereactapps.com/10-react-apps-series-a) | [![](https://scotch-res.cloudinary.com/image/upload/q_auto,w_700/v1594571945/d2e337a4f6900f8d0798c596eb0607a8e0c2fbddb6a7ab7afcd60009c119d4c7_1_nq11gx.png)](https://makereactapps.com/10-react-apps-series-b) |\n\n## To Start\n\nClone this repo. Or you can fork it so that you can track your progress in your own repo.\n\n1. Clone it: `git clone git@github.com:chris-on-code/make-react-apps.git`\n\nEach application has its own folder. In each app folder is a `finished` and `start` folder. You can see the final app or start working in the start folder with the following steps:\n\n1. `cd` into a folder\n2. Install dependencies: `npm install` or `yarn`\n3. Start the React app: `npm start` or `yarn start`\n\n## 10 Apps in Series A\n\n[View 10 React Apps (Series A)](https://makereactapps.com/10-react-apps-series-a)\n\n1. [Pomodoro](https://github.com/chris-on-code/make-react-apps/tree/master/A01%20-%20Pomodoro) - [Demo](https://r36qd.codesandbox.io/)\n1. [Markdown Editor](https://github.com/chris-on-code/make-react-apps/tree/master/A02%20-%20Markdown%20Editor) - [Demo](https://391jg.codesandbox.io/)\n1. [Browser Tabs](https://github.com/chris-on-code/make-react-apps/tree/master/A03%20-%20Highlight%20Tabs) - [Demo](https://yyhfg.codesandbox.io/)\n1. [Paper Rock Scissors](https://github.com/chris-on-code/make-react-apps/tree/master/A04%20-%20Paper%20Rock%20Scissors) - [Demo](https://njpw4.codesandbox.io/)\n1. [Moving Boxes and Zelda](https://github.com/chris-on-code/make-react-apps/tree/master/A05%20-%20Moving%20Link) - [Demo](https://405hq.codesandbox.io/)\n1. [Infinite Image Gallery](https://github.com/chris-on-code/make-react-apps/tree/master/A06%20-%20Infinite%20Image%20Gallery) - [Demo](https://e9ucz.csb.app/)\n1. [Trivia Game](https://github.com/chris-on-code/make-react-apps/tree/master/A07%20-%20Trivia%20Game) - [Demo](https://qlb3o.csb.app/)\n1. [Authentication]() \n1. [Web Speech and Timers](https://github.com/chris-on-code/make-react-apps/tree/master/A09%20-%20Web%20Speech%20and%20Timers) - [Demo](https://4jfqj.csb.app/)\n1. [Calendar Picker](https://github.com/chris-on-code/make-react-apps/tree/master/A10%20-%20Calendar%20Picker) - [Demo](https://d4vfr.csb.app/)\n\n## 10 Apps in Series B\n\n[View 10 React Apps (Series B)](https://makereactapps.com/10-react-apps-series-b)\n\n1. [Chat Box](https://github.com/chris-on-code/make-react-apps/tree/master/B01%20-%20Animated%20Chat%20Box) - [Demo](https://9lrdz.csb.app/)\n1. [Multi-Step Form w/ Context](https://github.com/chris-on-code/make-react-apps/tree/master/B02%20-%20Multi-Step%20Form) - [Demo](https://hbkbf.csb.app/)\n1. [Memory Matching Game](https://github.com/chris-on-code/make-react-apps/tree/master/B03%20-%20Memory%20Matching%20Game) - [Demo](https://0dsop.csb.app/)\n1. [Drag and Drop Math Card](https://github.com/chris-on-code/make-react-apps/tree/master/A08%20-%20Authentication) - [Demo](https://sj1bd.csb.app/)\n1. [Browser](https://github.com/chris-on-code/make-react-apps/tree/master/B05%20-%20Browser) - [Demo](https://e7ws4.csb.app/)\n1. [Real-Time Search](https://github.com/chris-on-code/make-react-apps/tree/master/B06%20-%20Real-Time%20Search) - [Demo](https://e7ws4.csb.app/)\n1. [Chart the Weather](https://github.com/chris-on-code/make-react-apps/tree/master/B07%20-%20Chart%20the%20Weather) - [Demo](https://e7ws4.csb.app/)\n1. [Shopping Cart]()\n1. [Typing Speed Game]()\n1. [Gatsby Site]()\n\n## Getting Help\n\nNeed some help? Email me at [hey@chrisoncode.io](mailto:hey@chrisoncode.io) or DM me on Twitter: [@chrisoncode](https://twitter.com/chrisoncode).\n\n## Pull Requests\n\nIf you've found some problems with the files and apps we've built, I'm happy to look at pull requests. I try to keep these files as **close to the videos** as possible so I'm not looking for full rewrites.\n\nAny big errors or clarifications that you see, pull requests are appreciated!\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchris-sev%2Fmake-react-apps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchris-sev%2Fmake-react-apps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchris-sev%2Fmake-react-apps/lists"}