Step Inside a Cyberpunk-Inspired Diagnostics CockpitExposureMap – Frontend Case Study A cyber‑punk style diagnostics cockpit: 3D globe, scan‑line overlays, glowing glass panels, and a live terminal — all orchestrated entirely from the frontend. This project is designed first as a visual experience: ...Jan 29 · 3 min readfahim-46b.hashnode.dev
Framer Motion Tricks for Smooth AnimationsWhen Animations Feel “Off” While building my interactive portfolio, I noticed something subtle but important.Even though the animations were technically correct, some of them didn’t feel right. They weren’t broken.They weren’t slow.But they felt mech...Jan 18 · 2 min readfahim-46b.hashnode.dev
Lazy Loading Without Frustrating UsersHook: The First Impression Matters When I first added heavy 3D components like the Skill Orbit to my portfolio, I noticed something immediately: The homepage took too long to load, and users were staring at a blank screen while waiting for content t...Jan 18 · 2 min readfahim-46b.hashnode.dev
State Management Without Global StoresHook: The Challenge of Complexity While building my dev-portfolio, I initially relied on global state for almost everything: 3D skill orbit, interactive cards, hidden terminal quest, and mini micro-interactions. At first, it seemed convenient. But as...Jan 18 · 2 min readfahim-46b.hashnode.dev
When Animations Hurt UXThe journey began while I was developing an interactive dashboard for my portfolio. Every button, card, and modal featured smooth animations. Hover effects, slide-ins, fade-outs—everything was in motion. Initially, it felt polished. However, as I tes...Jan 18 · 3 min readfahim-46b.hashnode.dev