Download
vanillawebprojects is a collection of small, hands-on web apps built with only HTML, CSS, and plain JavaScript to teach core front-end skills without frameworks. Each project targets a concrete concept—DOM manipulation, events, localStorage, fetch, form validation, audio/video APIs, and more—so learners see ideas applied in working code. The codebases are intentionally compact and readable, making them easy to clone, tweak, and extend. Projects progress from beginner-friendly to moderately advanced, offering a steady ramp of difficulty and variety. This repository is popular for daily practice, classroom demos, and portfolio starters because it emphasizes results you can see in the browser immediately. By avoiding heavy tooling, it keeps the focus on fundamentals that carry over to any library or framework later.
Features
- Dozens of bite-sized apps using only HTML/CSS/JS
- Realistic use of browser APIs like localStorage and fetch
- Progressive difficulty with clear learning goals per project
- Readable codebases ideal for cloning and extending
- Zero build tools to keep focus on fundamentals
- Great for daily practice, teaching, and portfolio pieces
Project Samples
