Tech Learn Lab
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.
The Philosophy
Execution Over Theory
Every showcase is built, not just imagined. Real code, real performance, real learning.
Psychology Meets Code
Design decisions backed by cognitive science. UX that understands human behavior.
Brutally Honest
Showing both wins and failures. Transparency builds trust and teaches more than perfection.
Purpose-Built
Each demo solves a real problem or explores a meaningful question. No fluff.
Real Challenges, Real Solutions
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.
React Bundle Optimization
Discovered Terser was corrupting React DevTools. Fixed production builds through aggressive minification tuning.
Google OAuth Deep Dive
Debugged PKCE flow failures, silent auth issues, and redirect mismatches. Built robust multi-provider auth system.
Framer Motion System
Architected reusable animation patterns with variants, orchestration, and viewport-triggered reveals.
Mobile Touch Optimization
Resolved conflicts between interactive components and swipe gestures using passive event listeners.
Vercel Edge Functions
Deployed serverless API routes with optimal caching strategies and real-time analytics integration.
Community Features
Built likes, comments, follows with optimistic UI updates, real-time subscriptions, and notification system.
Built in Public, Shared with Pride
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.