// the find
bradtraversy/50projects50days
50+ mini web projects using HTML, CSS & JS
A companion repo for Brad Traversy's paid Udemy course — 50+ standalone HTML/CSS/JS mini-projects, each in its own folder with a live demo. It's squarely aimed at beginners learning vanilla web fundamentals, not at developers looking for reusable components or production patterns.
Each project is genuinely self-contained: one HTML file, one CSS file, one JS file, no build step, no dependencies. That simplicity makes it easy to open any single project and understand it in five minutes. The live demos are hosted and working, which is more than most tutorial repos bother with. Coverage of vanilla DOM patterns (drag-and-drop, canvas drawing, CSS animations, Fetch API) is good enough that a beginner will hit most of the common browser APIs before finishing.
The JS is ES5/ES6-era vanilla with no modules, so you're learning patterns that don't translate directly to how anyone builds production apps today — no imports, no component model, no state management. PRs are explicitly rejected unless they fix bugs, so the code hasn't evolved since 2020-2021 and some projects (movie-app, github-profiles) call external APIs with no key management, which will break or require a user to swap in their own credentials. There's zero accessibility consideration across the projects — no ARIA, keyboard traps in several UI widgets. And this is fundamentally course content, not a library: you can read and copy it, but there's nothing here to install or extend.