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
• OS-tutorial: create an OS from scratch
• Ray Tracing in One Weekend (book + C++ code)
• SDL2 Game Tutorials (multiple complete mini-games)
• TCP Chat client/server in C (Unix) – walkthrough
• The Little Book about OS Development (write an x86 OS)
• TinyRenderer – software 3D renderer from scratch
• Tutorial – Write a Shell in C (lsh)
• Vulkan Tutorial – draw a triangle and beyond
• Writing a C Compiler (blog series → full book)
• Writing a CHIP-8 emulator in C++ (series)
• Writing your own toy compiler with Flex/Bison/LLVM
• xv6: Unix-like teaching OS (book + C source)

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
• Getting Started Running Dart on the Server
• How to Add a Blog to Your Flutter Application Using ButterCMS
• How to build a blog with Laravel and Flutter – API Setup
• How to Build a Chat App UI With Flutter and Dart
• How to Build a Server in Dart: CTO Insights
• Realtime Chat App Using Firebase & Flutter Tutorial
• Whatsapp Clone for Android & IOS using Flutter & Python (series)
• Write HTTP servers (Dart tutorial)
• Writing your back end in Dart

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
• Phoenix Realtime Chat Application – Setting Up CRUD (video)

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 Some Erlang)
• How To Build A Chat & Messaging App in Erlang & Ejabberd
• How to Use Ejabberd & Erlang to Develop a 1-1 Chat App From Scratch

F#:

• F# Game Tutorial Overview
• F# Tutorial: How to Build a Full-stack F# App (Part 1)
• How to Build a Fullstack Webapp with F#
• Spin up a Fullstack F# WebApp in 10 minutes with CloudSeed
• Tutorial: Create ASP.NET Core web services in F#

Go:

• Build a Go app on App Engine (Go web service deployment)
• Build a Real-Time Support Chat with Go and Twilio Conversations
• Building a Blog in Go: Rendering Raw Markdown
• Building Web Apps with Go (includes HTML + CSS examples)
• Building Web Apps with Golang: A Step-by-Step Guide
• Crafting a Web Application with Golang: A Step-by-Step Guide
• Creating My First Web Application with Go (GoViolin)
• Developing a Real-Time Chat Application in Go
• Documented Example Project: Go Web Application
• Go Web Examples — Web Programming by Example
• How to build a blog from scratch using Golang
• Reloadly Blog: Building Web Applications with Go
• Simple Web Application with Go
• Tutorial: Get started with Go
• Tutorial: Real-Time Chat App in Go + ReactJS
• Web App with Go and React – Part 1 (JetBrains Guide)
• Writing Web Applications (Go’s wiki example)

Haskell:

• Blog: Practical Haskell Use Cases
• Building a Haskell Server with Scotty framework (video)
• Haskell for Beginners – Daily.dev guide
• Haskell Tutorial - Tutorialspoint
• Haskell Tutorial – IONOS digital guide
• Haskell Web Programming (a simple tutorial)
• Introduction — Learn You a Haskell for Great Good!
• Making the Jump to Real World Haskell
• Try Haskell! (interactive in browser)
• Web Programming in Haskell, Part Two: Rethinking the Structure of Web Applications
• Web Programming in Haskell: Part One

HTML/CSS:

• 14 Stunning HTML Websites [+ How They Work] – HubSpot
• 25+ HTML Projects for Beginners with Source Code – Djamware
• 32 HTML And CSS Projects For Beginners (With Source Code)
• Best HTML + CSS Courses & Tutorials – Codecademy
• Collection of 100 HTML and CSS Mini Projects for Beginners with Source Code
• Create Your First Local HTML/CSS Project – Codecademy
• How to Create a Website using HTML and CSS | BrowserStack
• HTML & CSS Projects – Build Real Projects
• HTML & CSS Projects for Beginners – Skillcrush
• HTML & CSS Projects: Build Your Portfolio in 2025 | devChallenges
• HTML and CSS Practice Projects to Boost Developer Skills
• HTML Examples – W3Schools
• HTML Projects for Beginners: 10 Easy Starter Ideas – HubSpot
• HTML, CSS & JavaScript Full Course – Build 15 Projects
• HTML5 Website Project for Beginners | First HTML Project Tutorial
• Introduction to web: HTML, CSS, and animations – Raspberry Pi
• Professional Website From Scratch | HTML & CSS For Beginners
• Projects in HTML & CSS – Codecademy
• Top 10 HTML Projects for Beginners (with Code)
• Top 10 Projects For Beginners To Practice HTML and CSS Skills
• Top 10 Projects For Beginners To Practice HTML and CSS Skills

Java:

• An Example of Java Web Apps
• Build a Java Web Project (YouTube)
• Building Web Applications in Java with Spring Boot 3 (video tutorial)
• Developing a Java Web Start Application
• Getting Started | Building an Application with Spring Boot
• Java Tutorial for Beginners – with Examples
• Java Web Application Tutorial for Beginners
• Java Web Apps with Visual Studio Code
• Java Webapps Tutorial
• Mastering the Basics: Building a Java Web Application from Scratch
• Quickstart: Create a Java app on Azure App Service
• Web Development Using Java Technology For Beginners

JavaScript:

• 19 Simple JavaScript Projects for Beginners
• 40 JavaScript Projects for Beginners — freeCodeCamp
• 5 Mini JavaScript Projects – For Beginners (YouTube)
• Beginner Vanilla JavaScript — To Do Application (YouTube)
• Blog Website using JavaScript — GeeksforGeeks
• Build 8 Creative Coding Projects (vanilla JavaScript)
• Building a Full-Stack Blog Application: A Step-by-Step Tutorial (Medium)
• Building a Vanilla JavaScript Application — Transformers.js example
• Creating a Blogging App with Node.js, MongoDB & ExpressJS
• Getting Started with Vanilla JavaScript: Setup your dev environment
• How to Build a Blog with Vanilla JavaScript & ButterCMS
• How to Build a Full Stack Blog Application using NodeJS + MongoDB
• How to Build JavaScript Web Applications — Comprehensive Guide
• JavaScript Tutorial – Modern JavaScript Tutorial (javascript.info)
• JavaScript30 — 30 Day Vanilla JS Coding Challenge
• Learn JavaScript With This ONE Project! (YouTube)
• My First Vanilla JavaScript Project: making a simple To-Do app
• My second vanilla JavaScript Project: using APIs, promises, classes …
• The Basic Vanilla JavaScript Project Setup
• Top 9 Beginner JavaScript Practice Projects — Zero to Mastery
• Top 95+ Javascript Projects for 2025 — GeeksforGeeks
• Vanilla.js — Getting Started

Kotlin:

• Android Blogs App Project Setup (Compose + Kotlin)
• Build a Live Blog in Kotlin with Push Notifications
• Build a Simple Android App with Kotlin (freeCodeCamp tutorial)
• Building Your First Android App with Kotlin: Latest Practices
• Create your first Android app (Compose + Kotlin)
• First Android Application in Kotlin — GeeksforGeeks
• How to Build a Cross-Platform Blog App with Kotlin & ButterCMS
• Kotlin Android Tutorial — GeeksforGeeks
• Kotlin Hands-On — tutorials spanning backend, web, React/JS integration
• Kotlin Programming Full Tutorial with Android Development Project
• Simple Kotlin ‘Hello World’ Tutorial — Waldo Blog
• Simple Kotlin App — Android Studio (video)
• Tutorial: Create your first Kotlin application (IntelliJ IDEA)

Lua:

• 10 – Complete Examples (Programming in Lua)
• Creating Roblox Games with Lua: A Beginner's Guide
• Full Lua Crash Course 2.5 Hours
• Lua Code Tutorial – Complete Guide
• Lua Coding for Kids | Learning Tutorial & Basics for Beginners
• Lua Crash Course – Full (Beginner to Advanced)
• Lua Tutorial – Tutorialspoint
• The Lua Tutorial — General and Gameplay Programming
• Tutorial on making a complete game with Lua and LÖVE (forum thread)

PHP:

• 3 PHP Beginner Projects for New Developers – Zend blog
• A Simple Tutorial (PHP manual)
• A Super-Simple PHP Tutorial for Beginning to Code — Part 1
• Building an app with PHP — Google Cloud tutorial
• Building Your First PHP Website: A Beginner's Guide
• CakePHP Tutorial: Build A Complete Web App In One Afternoon
• Complete PHP beginner tutorial with practical project
• Developing Web Applications in PHP – Zend guide
• How to Build a Blog Using PHP: A Step-by-Step Tutorial
• How to build a PHP app using the OpenAI API
• Introduction to PHP and how to build your first web application (YouTube)
• PHP 7 Tutorial: Build Any Web App
• PHP for Beginners: Building Your First Database-Driven Web App
• PHP Projects Beginner to Advanced – DevProjects
• PHP Tutorial – How to Setup PHP and XAMPP for Your Project
• PHP Tutorial – W3Schools
• PHP Tutorial – Zend (6 Beginner Steps)
• PHP: The Right Web Development Guide (BrowserStack)
• Setting Up and Deploying a Modern PHP Application
• Step-by-Step PHP Tutorials for Beginners – Creating your PHP Program FROM SCRATCH
• Your first PHP-enabled page (PHP manual tutorial)

Python:

• 25 Python Projects for Beginners – freeCodeCamp list
• 60+ Python Project Ideas – Beginner to Advanced
• Build Blog Website using Flask (GeeksforGeeks)
• Building a Flask Blog: A Step-by-Step Guide for Beginners (Medium)
• Building Your First Web App with Flask: A Beginner’s Guide (Medium)
• Flask Blog Tutorial #1: Getting Started (DEV community)
• Flask Tutorial — Official Flask “Flaskr” Blog Example
• Flask Tutorial Project: Building and Testing a Simple Blog Application (LinkedIn article)
• How to build a Python Flask web application from scratch (DigitalOcean)
• Make a Python Website as Fast as Possible – Tech With Tim (video)
• Python Projects for Beginners [19 ideas] (Mimo blog)
• Python Projects You Can Build (step-by-step) – Real Python
• Python Tutorial (complete) – Tutorialspoint
• Python Web Development Guide – BrowserStack
• Python Web Development Tutorials – Real Python
• Simple Blog Example in Flask (Raymond Camden blog)
• The Flask Mega-Tutorial, Part I: Hello, World! (Miguel Grinberg)

R:

• A Gentle Introduction to creating R Shiny Web Apps (video)
• Chapter 1: Your First Shiny App
• ChatGPT: How I Made An R Shiny App In Under 10 Minutes
• Get started with Shiny — Posit
• Intro to Shiny — learn-r series
• Master Shiny Apps: Web Development Guide
• R Shiny: The Definitive Implementation Guide
• R Tutorial — W3Schools
• R Tutorial | GeeksforGeeks
• RStudio Tutorial for Beginners

React:

• 2 TRICKS to build a Meetup.com clone with React in 30 minutes
• Build a Chat App with React, TypeScript & Socket.io
• Build a Chat Application: React & JavaScript
• Build a Full Stack Social App with React & Next.js
• Build a Full-Stack ChatGPT App for Free with React, Express, MongoDB, and Google Gemini AI
• Build a Fullstack Blog App using MERN (Mongo, Express, React, Node)
• Build a Fullstack Blog app: React.js, Express.js and PostgreSQL
• Build Dev.to Clone in ReactJS (front-end clone)
• Build Real-Time Chat Apps with React, Express & Socket.IO (FullStack blog)
• Building a Chat App with React, TypeScript & Socket.io
• Building a Chat App with Socket.io and React (DEV Community)
• Building a Full-Stack Application with React, Vite, Electron, and FastAPI
• Building High-Performance Full-Stack Apps with React and Node.js
• Built A Full React Clone of Hashnode’s Home x HarperDB
• Clone Medium on Node.js and React.js
• Create Full Stack E-commerce Website Using React JS | MERN + Stripe
• Creating a Dev.to clone with React, Node, TypeScript, GraphQL & Apollo
• Creating a React, Node, and Express App
• Full Stack Development with React, Node.js, and MongoDB
• Full Stack Netflix Clone using React JS & Firebase
• Full Stack Twitter Clone | React & Node.js & JWT (GitHub repo)
• Full Stack Youtube Clone (5 hours free tutorial)
• Full-stack app tutorial with NestJS and React
• How to Build & Deploy Full Stack Deepseek Clone Using MERN
• How To Build a Hacker News Clone with React and Next.js
• How to Build a Real-time Chat App with React, Node, Socket.io, and HarperDB
• How To Build and Deploy a ChatGPT Clone Application With React and OpenAI API
• How to create a realtime app using Socket.io, React, Node & MongoDB
• How to Create a YouTube Clone Using React
• How to Create an Instagram Clone using React
• React Node.js MySQL Full Stack Blog App Tutorial
• React Node.js Video Sharing App Full Tutorial (YouTube clone)
• React Tutorial - Building a real-time chat app with React & Socket.io (Engagespot blog)
• Step-by-Step Guide to Building an Amazon Clone with ReactJS
• Tutorial: Build a Yelp-clone in React

React Native:

• Build a Full Stack mobile app (Reddit clone) with React Native, Expo, Clerk, Supabase
• Build a Full Stack React Native App with Payments (Uber clone)
• Build a Reddit Clone in React Native (using Expo / mobile)

Ruby:

• Build a Blog with Rails 7 (GoRails series)
• Build a VERY Basic Ruby on Rails App (Medium)
• Build Web Application with Ruby on Rails (Beginner-friendly)
• Chapter 2: A toy app (Learn Enough Rails Tutorial)
• Creating a Ruby on Rails Web Application (Flightcontrol tutorial)
• Getting Started with Rails (Rails Guides)
• Getting started with Ruby on Rails: Build a web app
• How to Build a Web App with and without Rails Libraries (Shopify Engineering blog)
• Project: Blog App (The Odin Project)
• Rails Tutorial — Learn Enough (Zero to deploy)
• Ruby in Twenty Minutes (Ruby official quickstart)
• Ruby on Rails Beginner's Guide 2024
• Ruby on Rails Tutorial | Tutorialspoint

Rust:

• A web application completely in Rust
• Building a blog with Rust in 2023
• Building a Simple Web App with Rust and WebAssembly: A Step-by-Step Guide
• Building a Web App in Rust – yield code blog
• Developing a web app with rust: first steps
• Full-stack Rust: A complete tutorial with examples
• How to build a (simple) blog using Rust
• How to Write a Web App in Rust, Part 1
• How to Write Your First Rust Web App with Rocket and RustRover
• Making a simple blog with Rust: Part I
• Small projects with Elegant code (Rust series)
• Top 10 Rust Project Ideas With Source Code
• Tutorial: Building a Blog in Rust – Static File Server (YouTube)
• Using Rust to Build a Blog Site (static site generator)
• Web Apps with Rust: Your Guide to a Sleek, Fast Application

Scala:

• How to Build a ZIO Full-Stack Web Application
• Real-World Scala: Building a Web Application
• Scala fullstack web application
• Your first Play Scala application

Swift:

• A Beginner's Guide to iOS App Development Using Swift
• Build a Blog in Swift with Headless Oracle Content Management
• Build an iOS app with SwiftUI (Swift.org)
• Develop in Swift Tutorials
• From Zero to App Store: Swift Coding Made Simple
• How to develop an app for iOS (SwiftLee)
• iOS App Development for Beginners: A Step-by-Step Guide
• iOS Development for Beginner (Swift/Storyboard) — Part 1
• Swift Programming For iOS App Development (Beginner’s Guide)
• Swift Tutorial Library – CodeWithChris
• Swift Tutorials: Learn Swift with Easy-to-Follow Code Examples
• Swifties in the Wild: A Tour of My Swift Projects

TypeScript:

• 7 Simple Steps to Build Your Own TypeScript Node.js Project
• A Beginner’s Guide to Node.js with TypeScript
• A Step-by-Step TypeScript Tutorial for Beginners
• Building a Node.js App with TypeScript Tutorial
• Building a TypeScript Blog API: A Beginner's Guide
• Exploring Single Page Applications and TypeScript — Part I
• Getting Started with TypeScript: A Comprehensive Guide for Beginners
• How To Build a Web Application with TypeScript and Remix
• How To Set Up a New TypeScript Project
• Learn TypeScript – The Ultimate Beginner’s Guide
• Master TypeScript from Scratch: A Hands-on Beginner’s Guide
• Projects – Learning TypeScript
• Simplest TypeScript project using Visual Studio Code
• The Complete Guide to TypeScript
• The Complete TypeScript Setup — From Zero to Hero
• TypeScript in 5 minutes (from scratch documentation)
• TypeScript Tooling in 5 minutes
• Typescript Tutorial – GeeksforGeeks
• TypeScript Tutorial – W3Schools