A real fun course by @ChrisOnCode, the creator of Scotch.io

Make0React Apps

Build more than "hello world" or a "to-do app"

Here's 20 fun apps to learn new skills and add to your portfolio

🖖 Buy the Course
How do I get better at React?

What We'll Build

20 Fuuuun React Apps

Pomodoro Timer

🎬3 videos
🎤26 minutes

Markdown Editor

🎬2 videos
🎤17 minutes

Browser Tabs and Routing

🎬4 videos
🎤43 minutes

Paper Rock Scissors

🎬4 videos
🎤39 minutes

Moving Link Across a <canvas>

🎬5 videos
🎤32 minutes

Infinite Image Gallery

🎬5 videos
🎤52 minutes


🎬6 videos
🎤57 minutes


🎬7 videos
🎤54 minutes

Web Speech and Timers

🎬4 videos
🎤30 minutes

Calendar Picker

🎬4 videos
🎤33 minutes
More Apps Coming Soon

Meet Chris on Code

Chris on Code is the founder of scotch.io, a popular web dev tutorial site. Scotch reaches 2,500,000 readers monthly and $30,000/mo in revenue.

Scotch.io was successfully acquired by DigitalOcean in 2019! Chris now focuses on helping others code so they can build/sell their own businesses.

He's a Google Developer Expert in Web Technologies and fights to keep coding simple and practical.

The Apps & Videos

Getting Started

VS Code Setup
Terminal Setup (npm vs yarn)
Starter and Final Files in GitHub


View Demo
00 - Pomodoro [PREVIEW]
01 - Time and Start
02 - Stop and Reset

#2Markdown Editor

View Demo
00 - Markdown Editor [PREVIEW]
01 - Markdown Editor

#3Browser Tabs

View Demo
00 - Browser Tabs [PREVIEW]
01 - Tab Highlight
02 - React Router
03 - Refactoring

#4Paper Rock Scissors

View Demo
00 - Paper Rock Scissors [PREVIEW]
01 - Intro + Handling Choices
02 - Displaying Game State
03 - Choosing Winner

#5Moving Boxes and Zelda

View Demo
00 - Moving Boxes and Link [PREVIEW]
01 - Setting Up Canvas and Box
02 - Keyboard Arrows
03 - Link Sprites
04 - Custom Hook and Background

#6Infinite Image Gallery

View Demo
00 - Infinite Image Gallery [PREVIEW]
01 - Getting Images from Unsplash
02 - Infinite Scroll
03 - Searching Unsplash
04 - useEffect's 2nd Argument

#7Trivia App

View Demo
00 - Trivia [PREVIEW]
01 - Getting and Displaying a Question
02 - Selecting a Category
03 - Handling Right and Wrong
04 - Scoreboard
05 - useTrivia Custom React Hook


00 - Authentication [PREVIEW]
01 - Setting up Auth0
02 - Starting the Auth0 SPA SDK
03 - Starting React Context
04 - Adding Auth0 to Context
05 - PrivateRoute
06 - Getting a Token

#9Web Speech and Timers

View Demo
00 - Web Speech [PREVIEW]
01 - Creating Timer Forms
02 - Adding a Stopwatch
03 - Adding Speech

#10Calendar Picker

View Demo
00 - Calendar Picker [PREVIEW]
01 - Choosing a Date
02 - Styled Components
03 - Hovering Days

😁 More Apps On the Way

Updates Are Coming

Buy the Course


All 20 React Apps when they are released
Final and starter code for 20 React Apps
Access to chat box to chat with me
Unlimited updates, never expires

⚛️ 40% off for pre-release: 10 of 20 apps done

Buy the Course


(Frequently Answered Questions)

Do these videos expire? Is there a monthly subscription?

Pay once and have access forever. Updates are free and you'll always get them.

Is this for people that have never used React?

This course is for beginners to intermediate devs that are familiar with and have used React. I'll be creating a beginner React course shortly for those looking to learn React from scratch!

Can I use these apps in my portfolio?

Yes please! That's exactly what these are for. Learn React by building. Use the things you build as your portfolio on GitHub. Take it a step further and write articles on what you've learned to boost your resume.

Does this course use React Hooks?

Yup! This course is made for best practices of React in 2020 and beyond. A great way to learn the nuances of hooks and how they help simplify our React apps.

What other courses do you have?

All my courses will be found on my Courses site. learn.chrisoncode.io.

How do I login and view the course?

You can login at learn.chrisoncode.io. Use the login button in the top right.

Are there refunds?

Yup! I want to stand by the quality of these courses. If you don't feel they gave you value and were not up to par, I'm happy to provide a refund. Email me at hey@chrisoncode.io.

Is there a student discount?

Yup 50% off! Email me at hey@chrisoncode.io with your student id and I'll send you a discount code.

Is there an affiliate program?

Yup! You get 50% of every sale that you bring in. You can sign up for a course and turn on affiliate mode from your dashboard at learn.chrisoncode.io. Or you can email me at hey@chrisoncode.io.

I have more questions!

Drop me an email at hey@chrisoncode.io. Let's chat.

Sign up to the newsletter and get 1 free app and 5 free videos.

CodeRight © CopyWrong © Chris on Code 1756