// the find
bradtraversy/vanillawebprojects
Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
Twenty self-contained mini projects built with plain HTML, CSS, and JavaScript — no build tools, no dependencies, no bundler. It's a companion repo to a Udemy course by Brad Traversy, so the code is deliberately simple and pedagogical. The target audience is beginners learning the DOM before touching React or Vue.
Each project is genuinely self-contained: open index.html and it works, no npm install required. The range of APIs covered is decent — Web Speech, Canvas, Fetch, localStorage, CSS animations — so there's real breadth for a beginner working through it. Live demos are hosted and still running, which is useful for previewing before cloning. The breakout game and custom video player in particular give a concrete feel for how Canvas and the MediaElement API behave without a library abstracting them away.
Last meaningful commit was March 2024 and activity has flatlined; several projects hit third-party APIs (exchange rate, meal finder, lyrics) that may break without notice since there's no API key management or error handling to speak of. The code style is inconsistently indented, mixes var and let/const, and won't teach modern patterns — no modules, no async/await in earlier projects, querySelector results are never null-checked. PRs for improvements are explicitly refused because the code must stay in sync with a paid course, so the repo is frozen by design rather than maintained.