Apps

Live demos built alongside our tutorials. Each app is a step in a progressive build series — start with the basics and layer on complexity.

Tribute Page

Semantic HTML, image embedding, timeline layout, responsive design, accessibility. 4 progressive steps.

HTML & CSS1990s4 steps

Survey Form

HTML forms, input types, labels, validation CSS, FormData submission. 4 progressive steps.

HTML & CSS & JS1990s4 steps

Product Landing

Hero section, feature cards, testimonials, pricing table, sticky nav with mobile hamburger. 5 progressive steps.

HTML & CSS & JS1990s5 steps

Portfolio Page

Sticky header with underline nav, filterable project grid, animated skill bars, contact form validation, dark mode toggle with localStorage persistence. 5 progressive steps.

HTML & CSS & JS1990s5 steps

Yahoo! Clone

Category directory grid, search box, news feed, email login mock, trending sidebar. The first web portal. 4 progressive steps.

HTML & CSS & JS1990s4 steps

Craigslist Clone

Category listings grid, search/filter, collapsible sections, full CRUD with hash routing. The text-first classifieds icon. 4 progressive steps.

HTML & CSS & JS1990s4 steps

Blogger Clone

Post editor, publish flow, archive, RSS feed, comments. The blogging platform that democratized publishing. 4 progressive steps.

PWA & JS1990s4 steps

Hotmail Clone

Inbox layout, folder sidebar, compose/send flow, search, contact list, localStorage persistence. Build the first free web-based email. 4 progressive steps.

HTML & CSS & JS1990s4 steps

eBay Clone

Item listings with bids, auction timer, seller profiles, search/filter, watchlist. Build the peer-to-peer auction marketplace that changed e-commerce. 4 progressive steps.

HTML & CSS & JS1990s4 steps

Match.com Clone

Profile cards, browse grid, compatibility scoring, like/pass/super-like, localStorage persistence, chat messaging. Build the dating platform that pioneered online dating.

HTML & CSS & JS2000s4 steps

Coming soon

Next up on the build bench — legacy icons, everyday utilities, and vibe-coding showpieces. Same pattern: progressive steps, zero dependencies, fully client-side.

SOON

MySpace Clone

Customize your own 2000s profile — Top 8 friends, background, fonts, comments wall, music player mock with Web Audio visualizer.

LegacyMED

SOON

AIM Clone

Buddy list with presence icons, away messages, and floating chat windows with scripted auto-reply buddies — door slam included.

LegacyMED

SOON

GeoCities Page Builder

Build a retro homepage with themed neighborhoods, blinking text, under-construction banners, and a live HTML preview panel.

LegacyHIGH

SOON

JSON Formatter

Paste messy JSON → pretty-printed, validated output with error reporting, minify, key stats, and one-click copy.

UtilityLOW

SOON

QR Code Generator

Scannable QR codes entirely in-browser — text, URL, or Wi-Fi — with size/error-correction options and PNG download. Nothing leaves the page.

UtilityHIGH

SOON

Markdown Editor

Split-pane markdown editor with live rendered preview, toolbar, word count, and export to HTML — dependency-free parser.

UtilityMED

SOON

Word Counter

Live word, character, sentence, paragraph, and reading-time counts with per-word frequency for writers and SEO folks.

TrafficLOW

SOON

Age Calculator

Exact age in years, months, and days plus days until next birthday — instant, zero friction, mobile-first.

TrafficLOW

SOON

Spotify Clone

Sidebar library, playlist grid, now-playing bar with Web Audio visualizer and generated synth tones — zero audio files.

Vibe codingMED

SOON

TikTok Clone

Full-screen vertical feed with snap-to-scroll, animated canvas mock videos, and working like/comment/share counters.

Vibe codingMED