joshukraine / 20-react-apps

The apps for Make 20 React Apps

Make 20 React Apps

In this repo, you'll find the starter files and the finished files for the 20 React Apps that we make in the course: Make 20 React Apps

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 [e-mail]:chris-on-code/20-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

The 20 Apps + Preview + Demo

1. Pomodoro - Preview - Demo
2. Markdown Editor - Preview - Demo
3. Browser Tabs - Preview - Demo
4. Paper Rock Scissors - Preview - Demo
5. Moving Boxes and Zelda - Preview - Demo
6. Infinite Image Gallery - Preview - Demo
7. More on the way...

Getting Help

Need some help? I've got a chatbox on my site learn.chrisoncode.io that you can use to chat with me.

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!

Linting Setup

yarn add -D --exact prettier
yarn add -D eslint@6.8.0 eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks