gitmyhub

vanillawebprojects

JavaScript ★ 16k updated 2y ago

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries

Source code for 20 small web projects built with plain HTML, CSS, and JavaScript. Companion to a Brad Traversy video course teaching vanilla JS.

HTMLCSSJavaScriptsetup: easycomplexity 1/5

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.

Where it fits