explaingit

bradtraversy/vanillawebprojects

16,025JavaScript

TLDR

This repository contains the source code for 20 small web projects built using only HTML, CSS, and plain JavaScript, no external frameworks or libraries.

Mindmap

A visual breakdown will appear here once this repo is fully enriched.

In plain English

This repository contains the source code for 20 small web projects built using only HTML, CSS, and plain JavaScript, no external frameworks or libraries. It accompanies a paid video course on building web projects with "vanilla" JavaScript (meaning plain JavaScript without tools like React or Vue). Each project is a self-contained mini web app demonstrating a specific concept or feature. The projects include: a form validator, a movie seat booking interface, a custom video player, an exchange rate calculator, a hangman game, a meal finder app that searches recipes, an expense tracker, a music player, an infinite scrolling blog, a typing speed game, a speech-to-text reader, a memory card game, a lyrics search app, a breakout game, a New Year countdown timer, a voice-controlled number guessing game, and a product filtering UI. Each has a live demo linked from the repository. This is aimed at beginners who want hands-on practice building real, working web projects using only core browser technologies, no need to install any libraries or learn a framework first. Each project is intentionally kept simple and focused so learners can follow along with the course video and understand how it works.

Open on GitHub → Explain another repo

Generated 2026-05-21 · Model: sonnet-4-6 · Verify against the repo before relying on details.