19 Web Dev Projects – HTML, CSS, JavaScript Tutorial

By freeCodeCamp.org
Published: Mar 18, 2026

“
Improve your web development skills by building 19 different projects. In this course, you will use HTML, CSS, and JavaScript to make all sorts of web sites.

Course created by @codesistency

Full Course On Udemy: https://dub.sh/udemy-launch
Source Code: https://github.com/burakorkmez/html-css-js-projects
Diagrams: https://app.eraser.io/workspace/8yoDl1tVoPcljUboujq2
Github Gist: https://gist.github.com/burakorkmez/eca0903f564dbe545a742ce1056f6936

?? Contents ??
00:00:00 Course Introduction & Welcome
00:03:09 Setting up the Workspace (VS Code & Extensions)

00:09:57 Project 1: Interactive Quiz Game
01:08:24 Project 2: Random Color Palette Generator
01:48:49 Project 3: Kanban Board (HTML Drag & Drop API)
02:12:20 Project 4: Expense Tracker with Local Storage
03:07:36 Project 5: Bookmark Saver Application
03:30:36 Project 6: Registration Form Validator
04:02:32 Project 7: Password Generator with Strength Meter
05:00:39 Project 8: Functional To-Do App with Filtering
05:59:17 Project 9: Professional Contact Form (HTML/CSS)
06:24:35 Project 10: Modern Modern Pricing Cards
07:05:14 Project 11: Team Members Showcase Section
07:37:56 Project 12: Recipe Finder (MealDB API Integration)
08:29:19 Project 13: Real-Time Currency Converter
08:56:40 Project 14: GitHub User Finder (GitHub API)
09:45:39 Project 15: Custom 404 “Page Not Found” Design
09:52:11 Project 16: Newsletter Signup UI
10:05:31 Project 17: “Coming Soon” Page with Countdown Timer
11:01:21 Project 18: Contact Page UI with Form Validations
11:50:09 Project 19: Scroll Progress Indicator

[READ MORE]

”