explaingit

xtremilicious/projectlearn-project-based-learning

5,853TypeScriptAudience · vibe coderComplexity · 1/5Setup · easy

TLDR

A curated list of project-based coding tutorials organized by category, web, mobile, games, and machine learning, so you can learn programming by building real apps instead of reading theory.

Mindmap

mindmap
  root((projectlearn))
    Categories
      Web development
      Mobile apps
      Game development
      Machine learning
    Skill levels
      Beginner
      Intermediate
      Full-stack clones
    Technologies
      React Next.js Vue
      Flutter React Native
      TensorFlow Keras
    Access
      GitHub list
      projectlearn.io site
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Find a step-by-step tutorial to build a React, Next.js, or Vue project from scratch and follow along.

USE CASE 2

Pick a full-stack clone project, like a Reddit or YouTube clone, to practice modern web frameworks.

USE CASE 3

Browse AI-flavored projects using the OpenAI API, such as a chatbot or image generator, to learn AI app development.

Tech stack

TypeScript

Getting it running

Difficulty · easy Time to first run · 5min
No license information stated in the explanation.

In plain English

ProjectLearn is a website and GitHub repository that collects links to project-based tutorials. The premise is that learning to code by building real things, rather than reading theory in isolation, tends to produce better results. Each entry in the list points to an external tutorial where you follow along and build a complete application from scratch. The tutorials are organized into broad categories: web development, mobile app development, game development, machine learning, deep learning, and artificial intelligence. Within web development alone the list covers a wide range of technologies, including React, Next.js, Vue, Node.js, Python with Django, and more. Mobile tutorials include Flutter and React Native projects. The game development section links to Unity and other engine-based guides. The machine learning entries use tools like TensorFlow, OpenCV, and Keras. A companion website at projectlearn.io organizes all the same tutorials in a more browsable format with filtering and search. The GitHub repository is the source of truth and accepts community contributions: anyone can submit a new tutorial link by following the instructions in the CONTRIBUTE.md file. The list spans a wide range of skill levels. Some tutorials are quick beginner projects, like building a card component with CSS or a weather app in JavaScript. Others are full-stack clones of well-known apps, including Reddit, Facebook, YouTube, and Google Drive, built with modern frameworks. There are also AI-flavored projects using the OpenAI API, such as a chatbot and an image generator. There is no code to install or run here. It is a curated list, not a library. The value is in the organization: someone has collected and grouped a large number of tutorials that are otherwise scattered across YouTube, personal blogs, and course platforms. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1
I found a tutorial in the ProjectLearn list for building a Reddit clone with Next.js. Help me set up the project structure and explain each step as I follow along.
Prompt 2
Using the ProjectLearn list as inspiration, suggest a beginner web project I can build today that uses React and a public API.
Prompt 3
I want to build a machine learning project from the ProjectLearn list using TensorFlow. Help me understand the tutorial steps and debug any errors I encounter.
Prompt 4
Based on the kinds of projects in ProjectLearn, write me a Flutter to-do app from scratch with local storage.
Open on GitHub → Explain another repo

← xtremilicious on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.