https://github.com/chris-sev/make-react-apps
The code for the apps for the premium video courses: Make React Apps
https://github.com/chris-sev/make-react-apps
react react-course web-development
Last synced: 12 months ago
JSON representation
The code for the apps for the premium video courses: Make React Apps
- Host: GitHub
- URL: https://github.com/chris-sev/make-react-apps
- Owner: chris-sev
- Created: 2020-04-18T23:53:31.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-08-26T17:40:24.000Z (over 3 years ago)
- Last Synced: 2025-03-31T04:06:35.460Z (about 1 year ago)
- Topics: react, react-course, web-development
- Language: CSS
- Homepage: https://MakeReactApps.com
- Size: 2.57 MB
- Stars: 202
- Watchers: 20
- Forks: 154
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Make React Apps
In 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)
| Series A | Series B |
| -------- | -------- |
| [](https://makereactapps.com/10-react-apps-series-a) | [](https://makereactapps.com/10-react-apps-series-b) |
## To Start
Clone this repo. Or you can fork it so that you can track your progress in your own repo.
1. Clone it: `git clone git@github.com:chris-on-code/make-react-apps.git`
Each 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:
1. `cd` into a folder
2. Install dependencies: `npm install` or `yarn`
3. Start the React app: `npm start` or `yarn start`
## 10 Apps in Series A
[View 10 React Apps (Series A)](https://makereactapps.com/10-react-apps-series-a)
1. [Pomodoro](https://github.com/chris-on-code/make-react-apps/tree/master/A01%20-%20Pomodoro) - [Demo](https://r36qd.codesandbox.io/)
1. [Markdown Editor](https://github.com/chris-on-code/make-react-apps/tree/master/A02%20-%20Markdown%20Editor) - [Demo](https://391jg.codesandbox.io/)
1. [Browser Tabs](https://github.com/chris-on-code/make-react-apps/tree/master/A03%20-%20Highlight%20Tabs) - [Demo](https://yyhfg.codesandbox.io/)
1. [Paper Rock Scissors](https://github.com/chris-on-code/make-react-apps/tree/master/A04%20-%20Paper%20Rock%20Scissors) - [Demo](https://njpw4.codesandbox.io/)
1. [Moving Boxes and Zelda](https://github.com/chris-on-code/make-react-apps/tree/master/A05%20-%20Moving%20Link) - [Demo](https://405hq.codesandbox.io/)
1. [Infinite Image Gallery](https://github.com/chris-on-code/make-react-apps/tree/master/A06%20-%20Infinite%20Image%20Gallery) - [Demo](https://e9ucz.csb.app/)
1. [Trivia Game](https://github.com/chris-on-code/make-react-apps/tree/master/A07%20-%20Trivia%20Game) - [Demo](https://qlb3o.csb.app/)
1. [Authentication]()
1. [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/)
1. [Calendar Picker](https://github.com/chris-on-code/make-react-apps/tree/master/A10%20-%20Calendar%20Picker) - [Demo](https://d4vfr.csb.app/)
## 10 Apps in Series B
[View 10 React Apps (Series B)](https://makereactapps.com/10-react-apps-series-b)
1. [Chat Box](https://github.com/chris-on-code/make-react-apps/tree/master/B01%20-%20Animated%20Chat%20Box) - [Demo](https://9lrdz.csb.app/)
1. [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/)
1. [Memory Matching Game](https://github.com/chris-on-code/make-react-apps/tree/master/B03%20-%20Memory%20Matching%20Game) - [Demo](https://0dsop.csb.app/)
1. [Drag and Drop Math Card](https://github.com/chris-on-code/make-react-apps/tree/master/A08%20-%20Authentication) - [Demo](https://sj1bd.csb.app/)
1. [Browser](https://github.com/chris-on-code/make-react-apps/tree/master/B05%20-%20Browser) - [Demo](https://e7ws4.csb.app/)
1. [Real-Time Search](https://github.com/chris-on-code/make-react-apps/tree/master/B06%20-%20Real-Time%20Search) - [Demo](https://e7ws4.csb.app/)
1. [Chart the Weather](https://github.com/chris-on-code/make-react-apps/tree/master/B07%20-%20Chart%20the%20Weather) - [Demo](https://e7ws4.csb.app/)
1. [Shopping Cart]()
1. [Typing Speed Game]()
1. [Gatsby Site]()
## Getting Help
Need some help? Email me at [hey@chrisoncode.io](mailto:hey@chrisoncode.io) or DM me on Twitter: [@chrisoncode](https://twitter.com/chrisoncode).
## Pull Requests
If 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.
Any big errors or clarifications that you see, pull requests are appreciated!