--- title: "Shafiul Hasan Fahim (@fahim46b) | Hashnode" description: "Front-end Developer|React Developer|Next.js Developer|Tailwind Specialist. Read the latest articles by Shafiul Hasan Fahim on Hashnode." url: "https://hashnode.com/@fahim46b" --- @fahim46b # Shafiul Hasan Fahim @fahim46b · Dhaka, Bangladesh · Joined January 2026 Front-end Developer|React Developer|Next.js Developer|Tailwind Specialist [Website](https://fahim-46b.pages.dev/) ### [Step Inside a Cyberpunk-Inspired Diagnostics Cockpit](https://fahim-46b.hashnode.dev/step-inside-a-cyberpunk-inspired-diagnostics-cockpit?utm_source=hashnode&utm_medium=feed) ExposureMap – 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: ... 3 min read · [fahim-46b.hashnode.dev](https://fahim-46b.hashnode.dev/step-inside-a-cyberpunk-inspired-diagnostics-cockpit?utm_source=hashnode&utm_medium=feed) [Jan 29](https://hashnode.com/posts/step-inside-a-cyberpunk-inspired-diagnostics-cockpit/697b951d3971b3387e9cf1ea) ### [Framer Motion Tricks for Smooth Animations](https://fahim-46b.hashnode.dev/framer-motion-tricks-for-smooth-animations?utm_source=hashnode&utm_medium=feed) Framer Motion is powerful, but restraint is what makes animations feel premium. By focusing on layout animations, easing, presence, and accessibility, 2 min read · [fahim-46b.hashnode.dev](https://fahim-46b.hashnode.dev/framer-motion-tricks-for-smooth-animations?utm_source=hashnode&utm_medium=feed) [Jan 18](https://hashnode.com/posts/framer-motion-tricks-for-smooth-animations/696d18d2f030b8b505c89cfc) ### [Lazy Loading Without Frustrating Users](https://fahim-46b.hashnode.dev/lazy-loading-without-frustrating-users?utm_source=hashnode&utm_medium=feed) Proper lazy loading can make heavy interactive portfolios feel light and responsive. By combining code splitting, placeholders, and subtle animations, 2 min read · [fahim-46b.hashnode.dev](https://fahim-46b.hashnode.dev/lazy-loading-without-frustrating-users?utm_source=hashnode&utm_medium=feed) [Jan 18](https://hashnode.com/posts/lazy-loading-without-frustrating-users/696d1707cdfde3d2a0534e4e) ### [State Management Without Global Stores](https://fahim-46b.hashnode.dev/state-management-without-global-stores?utm_source=hashnode&utm_medium=feed) Learn how to manage state in interactive portfolios using React hooks without relying on global stores. Improve performance, maintainability, and modularity 2 min read · [fahim-46b.hashnode.dev](https://fahim-46b.hashnode.dev/state-management-without-global-stores?utm_source=hashnode&utm_medium=feed) [Jan 18](https://hashnode.com/posts/state-management-without-global-stores/696d146611cf900c27d05302) ### [When Animations Hurt UX](https://fahim-46b.hashnode.dev/when-animations-hurt-ux?utm_source=hashnode&utm_medium=feed) Explore how overusing animations can harm user experience and performance. Learn practical tips for timing, accessibility, and optimized motion in React and 3 min read · [fahim-46b.hashnode.dev](https://fahim-46b.hashnode.dev/when-animations-hurt-ux?utm_source=hashnode&utm_medium=feed) [Jan 18](https://hashnode.com/posts/when-animations-hurt-ux/696d0ce48eb67e9e122f6aae)