Where complex technical concepts become interactive learning experiences. Hands-on experiments, visual debugging journeys, and creative code that makes learning stick.
Not just portfolio pieces—these are playgrounds for learning, experimenting, and showcasing what happens when psychology meets modern web development.
Every showcase is built, not just imagined. Real code, real performance, real learning.
Design decisions backed by cognitive science. UX that understands human behavior.
Showing both wins and failures. Transparency builds trust and teaches more than perfection.
Each demo solves a real problem or explores a meaningful question. No fluff.
These showcases are born from battles fought in production. Every demo, diary entry, and playground experiment traces back to actual debugging sessions, architecture decisions, and lessons learned the hard way.
Discovered Terser was corrupting React DevTools. Fixed production builds through aggressive minification tuning.
Debugged PKCE flow failures, silent auth issues, and redirect mismatches. Built robust multi-provider auth system.
Architected reusable animation patterns with variants, orchestration, and viewport-triggered reveals.
Resolved conflicts between interactive components and swipe gestures using passive event listeners.
Deployed serverless API routes with optimal caching strategies and real-time analytics integration.
Built likes, comments, follows with optimistic UI updates, real-time subscriptions, and notification system.
This section grows as I build. Each showcase represents hours of learning, experimenting, and refining. Some will blow your mind, others might make you cringe—but all of them are real, functional, and here to teach.
Every line of code, every debugging session, every architecture decision—documented and distilled into interactive learning experiences. This isn't portfolio theater. It's the real work, with all the messy victories and lessons learned.