Stuck in Tutorial Hell? This Open Source Project Might Help
Tags: beginners, learntocode, selftaught, tutorialhell
Published: 2022-03-23 16:13:09

---
title: Stuck in Tutorial Hell? This Open Source Project Might Help
published: true
date: 2022-03-23 12:19:00 UTC
tags: beginners, learntocode, selftaught, tutorialhell
canonical_url: https://webdevwithseb.com/2022/03/23/stuck-in-tutorial-hell-this-open-source-project-might-help/?utm_source=rss&utm_medium=rss&utm_campaign=stuck-in-tutorial-hell-this-open-source-project-might-help
---

I’ve noticed there are lots of people frustrated & stuck in tutorial hell. If this describes you, I’ve found an open source project that I think might help.

It’s called [RealWorld](https://github.com/gothinkster/realworld).

## What is RealWorld?

RealWorld is a production ready full-stack [Medium](https://medium.com/) clone. It has all of the things you expect from a production-ready application:

- user accounts
- authorization & authentication
- pagination
- mobile responsiveness
- …and even tests!

It’s all open source, and (best part) it’s been implemented in tons of different [frontend](https://codebase.show/projects/realworld?category=frontend) and [backend](https://codebase.show/projects/realworld?category=backend) frameworks. This makes it perfect for learning your framework of choice, while sticking to the same end-goal.

Another awesome feature is that you can mix and match the frontend with the backend, because **they all adhere to the same [API spec](https://realworld-docs.netlify.app/docs/specs/backend-specs/introduction)**.

This means you can swap between React, Vue, Svelte, Angular on the frontend, and hook that up to either a Node.js, Go, Python, or Rails backend. There are tons of options to choose from.

Here is what the [demo app](https://demo.realworld.io/#/) looks like:

![Real World, an open source medium clone to help you learn how to build your own projects.](https://i0.wp.com/webdevwithseb.com/wp-content/uploads/2022/03/RealWorld_HomePage_Screenshot.png?resize=580%2C291&ssl=1)

# How Will This Get Me Out of Tutorial Hell?

The problem with video tutorials is that they don’t teach people how to build their own projects. Instead, they show you how to build something in a very specific way.

Learning how to paint is a great analogy here. You can watch a painter and follow along as they create a painting. You might end up with a nice painting, but can you really say you know how to paint on your own?

![](https://i0.wp.com/webdevwithseb.com/wp-content/uploads/2022/03/bob_ross_the_painting_instructor.jpeg?resize=286%2C370&ssl=1)

Instead of copying a painter’s process, you should instead copy their end result – the painting itself. As you copy it, you will develop your own style and technique. With enough practice, you can then carry these skills towards your own projects.

Rebuilding a project like RealWorld is the same as copying the painting all by yourself. By doing this, you will learn how to:

- find solutions to the problems that arise along the way
- compare your implementation to those on github
- stay motivated with a concrete end-goal in mind
- develop your own process and techniques for building software

# Conclusion

Learning from tutorials is a great way to get started. But if you’re not making progress, you should try something less passive, and more interactive.

Rebuilding an existing production-ready code base is a great way to graduate out of tutorial hell, and start building projects all by yourself.

It won’t be easy, but if you stick to it you will eventually learn how to build your own projects. And once you reach that point… the sky is the limit.

### Want more web dev tips? Follow me on [twitter](https://twitter.com/_sbmsr) and subscribe to [my web dev newsletter](https://github.us19.list-manage.com/subscribe?u=3122ad8b8bdaf8335e05ec4fa&id=53643b22fa).

---

The post [Stuck in Tutorial Hell? This Open Source Project Might Help](https://webdevwithseb.com/2022/03/23/stuck-in-tutorial-hell-this-open-source-project-might-help/) first appeared on [💻 Web Dev With Seb](https://webdevwithseb.com).