Vanilla JS Projects
Collections
A showcase of my hands-on JavaScript projects — built without frameworks, just clean HTML, CSS, and JS."
Why Vanilla JS❔
Before diving into frameworks, I focused on mastering the fundamentals of JavaScript. These projects highlight problem-solving, DOM manipulation, and clean UI development using core web technologies.
No black boxes, no magic. You write every line and understand exactly what happens.
No npm packages to install, no version conflicts, no security vulnerabilities from third-party code.
Lightweight applications that load instantly and run smoothly without framework overhead.
Master the language itself, making it easier to learn any framework when needed.
What You'll Learn
Master essential JavaScript concepts through practical, real-world projects
DOM Manipulation
Learn to dynamically create, modify, and remove elements. Master event handling, event delegation, and create smooth interactions without page reloads.
ES6+ Modern JavaScript
Utilize arrow functions, destructuring, spread operators, template literals, classes, modules, and all the latest JavaScript features for cleaner code.
Async Programming
Master Promises, async/await, and the Fetch API. Learn to handle API calls, manage loading states, and create seamless asynchronous experiences.
Data Management
Implement client-side storage with localStorage and sessionStorage. Learn to persist user data, manage application state, and handle complex data structures.
CSS & Animations
Create stunning visual effects with CSS animations, transitions, and transforms. Control animations with JavaScript for perfect timing and interactivity.
Responsive Design
Build mobile-first applications that work flawlessly on any device. Learn modern CSS Grid, Flexbox, and JavaScript-powered responsive techniques.