Project Based Learning

A list of programming tutorials in which aspiring software developers learn how to build an application from scratch. These tutorials are divided into categories based on the first technology listed in each entry.

Table of Contents:

• C/C++
• C#
• Clojure/ClojureScript
• Dart/Flutter
• Elixir
• Erlang
• F#
• Go
• Haskell
• HTML/CSS
• Java
• JavaScript
• Kotlin
• Lua
• PHP
• Python
• R
• React
• React Native
• Ruby
• Rust
• Scala
• Swift
• TypeScript

C/C++:

• Beej’s Guide to Network Programming (sockets in C)
• Breakout game in C++ & SDL2 (from scratch)
• Build a Simple HTTP Server from Scratch in C
• Build a Simple TCP Chat Application in C
• Build Your Own Lisp (book/site)
• Build Your Own Text Editor (kilo) in C
• C-Web-Server: building a simple web server in C
• CHIP-8 Emulator in C++ (step-by-step)
• Face detection with OpenCV + dlib in C++
• How to build a tiny TCP server in C
• jsmn – a minimalistic JSON parser in C (readable source)
• LearnOpenGL – modern OpenGL with C++
• Let's Build a Simple Database (SQLite clone from scratch in C)
• libcurl C tutorial – HTTP client examples
• Make a simple JSON parser from scratch (C++)
• Malloc Tutorial – write your own malloc
• NES Emulator tutorial + code (javidx9 / OneLoneCoder)
• OpenCV C++ Program for Face Detection

C#:

• ASP.NET Core Blog tutorial: MVC (part 2 of blog series)
• ASP.NET Core Tutorial ‒ Beginner to Advanced Projects (includes a Google Docs clone, Stripe app, etc.)
• ASP.NET Core Tutorial ‒ Google Docs Clone
• Blog Management Application using ASP.NET Core MVC
• Building a Full-Stack App with React and Aspire: A Step-by-Step Guide
• Building a Minimal ASP.NET Core Clone
• Coding a blog with ASP.NET and C# Series
• Get started with ASP.NET Core MVC (Movie app sample tutorial)
• How I Built a Full-Stack Application with ASP.NET and React in 20 Days

Clojure/ClojureScript:

• Build a SPA with ClojureScript + re-frame
• Clojure Guides: Basic Web Development
• ClojureScript re-frame routing tutorial (video)
• Clojuring the web application stack: Meditation One
• Create a form using ClojureScript and re-frame
• How I developed a web backend in Clojure
• How to Structure a Clojure Web App 101
• Learn to build a Clojure web app — step-by-step
• Re-frame Tutorial with Code Examples
• re-frame, part 1 (Lambda Island podcast / walkthrough)

Dart/Flutter:

• Build a Flutter Chat App With The Stream SDK
• Build a Flutter Web App from Scratch: A Complete Guide
• Build an iMessage Clone with Stream’s Flutter Chat SDK
• Build Flutter Blog App From Scratch (YouTube tutorial)
• Building a Blog App Without Coding Using FlutterFlow AI Gen
• Building a Chat Application Using Flutter (PubNub)
• Building a Clubhouse Clone in Flutter using 100ms
• Building a Live Streaming app using FlutterFlow and Mux
• Building an Omegle clone in Flutter
• Chat App in Flutter and Firebase from Scratch
• Create a Figma Clone app with Flutter and CustomPainter + Supabase
• Dart Frog full stack tutorial (WebSocket counter app)
• Dart on the Server: A Flutter Engineer's Guide
• Deploy a Dart App on Railway, Part 1
• Flutter Tutorial: building a chat app – Supabase
• Flutter Tutorial: Building An Offline-First Chat App With Supabase & PowerSync

Elixir:

• Build It With Phoenix (video tutorial series)
• Build Real-time Chat With Phoenix and LiveView in Fewer Than 50 lines
• Building a Chat App with LiveView Streams
• Building a Chat Application with Elixir and Phoenix Channels
• Building a Live Chat App with Phoenix LiveView
• Building a simple Calendly clone with Phoenix LiveView (Part 1)
• Creating a Chat App (ElixirBridge Phoenix tutorial)
• Elixir & Phoenix Tutorial: Build an Authenticated App
• Elixir Phoenix Framework — Tutorial To Build a Blog in 15 Minutes
• First steps in Elixir and Phoenix – Create a blog prototype
• Get started building a real-time chat application with Elixir/Phoenix LiveView
• How to build a simple, extensible blog with Elixir and Phoenix
• Phoenix Framework Tutorial — Real-Time Chat App (video)
• Phoenix Framework Tutorial: Creating a Real-Time Chat App from Scratch
• Phoenix LiveView Tutorial — Build Messenger-like Chat from Scratch

Erlang:

• Building Erlang applications the hard way – Brain dump
• Building Your First Erlang App Using Rebar3
• Chat Application with Erlang (tutorial)
• ChatBus: build your first multi-user chat room app with Erlang/OTP
• [Designing a Concurrent Application (Learn You Som