I used AI as a coding assistant to help debug some of the JavaScript canvas animations and generate boilerplate for the UI. Also used AI to write README.md file in the code.
Log in to leave a comment
I built Mouse Reactive Particle Playground! It’s a highly interactive web experiment using HTML5 Canvas where fiery sparks react to your mouse movements over a scrolling 3D-perspective grid. The hardest part was getting the math right for the physics engine—specifically calculating the mouse repulsion forces so the particles smoothly scatter without flying off-screen, and rendering the 3D perspective lines dynamically based on mouse position. I’m really proud of how the gravity button completely changes the feel of the simulation and how polished the glassmorphism UI turned out!
For this session, I focused on building out the core particle engine and getting the styling right. I started by setting up the HTML5 canvas and getting the basic sparks to render with random velocities. The trickiest part was writing the math for the mouse repulsion so the particles realistically scatter away when the cursor gets close. After tweaking the physics to make it feel smooth, I spent the rest of the time designing the central UI card with a frosted glass effect and wiring up the buttons to toggle gravity and reset the canvas.
Log in to leave a comment
I built a premium, highly interactive Smart Todo List! The goal was to create a gorgeous task manager with fluid, physics-based UI interactions (like the magnetic cursor glow and floating 3D tasks) entirely from scratch using native HTML, CSS, and Vanilla JS.
The hardest part was definitely getting the custom micro-animations and the dynamic background grid to perform smoothly without lagging, while also ensuring perfect state management with localStorage so tasks persist securely across sessions.
I’m incredibly proud of how sleek the final design feels—it proves you don’t always need bulky libraries to build something beautiful and highly functional!
Built a stunning Smart Todo application from scratch using HTML, Vanilla CSS, and JavaScript. Focused heavily on creating a premium, modern aesthetic with a custom dynamic grid background, glass-morphic elements, and smooth physics-based cursor hover effects. Implemented core functionality including task creation, dynamic filtering (All/Pending/Completed), and full data persistence using localStorage so tasks remain saved across sessions. Kept the architecture clean and lightweight without relying on any external frameworks.
Log in to leave a comment
Wow it’s geniuenly a good UI and well maintained code
