Posts by muhammadfarhan.dev
@muhammadfarhan.dev
Muhammad Farhan
Frontend Developer | React Js Developer
Posts by muhammadfarhan.dev
Introduction
Every one of these mistakes cost me real debugging time when I was learning. Not because CSS is inherently confusing — but because nobody explained why these things happen, just that they do. Understanding the "why" is what actually pr...
Introduction
I've rebuilt my own portfolio more times than I can count, and every rebuild taught me something the last version got wrong. Most developer portfolios fail for the same handful of reasons — and none of them are "not enough animations" ...
Introduction
If you learned JavaScript from an older tutorial, there's a decent chance you're writing more code than necessary without realizing it. Modern JavaScript officially called ES6 and beyond, first released in 2015 added features that make...
Introduction
Building your first project is one milestone. Actually getting it live on the internet, with a real URL you can share, is a completely different feeling — and it used to be way more complicated than it is now.
Today, deploying a front...
Every great product starts with a simple belief: things worth having are worth building well. That belief is exactly why we started PixelForge Studio — a web development and digital design agency built for businesses that want more than just "a websi...
Introduction
CSS animations were the thing that made me actually enjoy frontend development. Building a static layout is satisfying, but the moment something moves smoothly on hover or fades in on load, a project suddenly feels alive.
The good new...
Introduction
Your first React component doesn't need to be complicated. In fact, the biggest mistake beginners make is trying to build something too ambitious right away and getting stuck on concepts they haven't learned yet.
We're building someth...
Introduction
I avoided learning Git properly for way longer than I should have. I'd just zip my project folder and rename it project-final-v2-ACTUAL-FINAL whenever I wanted a backup. It worked, technically, until it very much didn't.
Git solves ex...
Introduction
The first website I ever built looked great on my laptop and completely broken on my phone. Text overflowing, buttons cut off, images stretched way too big. That's the exact moment "responsive design" stopped being a buzzword and becam...
Introduction
Hooks confused me for longer than I'd like to admit. Not the syntax — the syntax is simple. What confused me was when to use useEffect versus just writing normal logic in my component.
If you're at that stage right now, this article i...
Introduction
I used to install every extension that looked interesting — ended up with 40+ extensions and a VS Code that took 10 seconds just to open. Eventually I stripped it back down to the ones I actually use every single day.
These 10 are the...
Hi, I'm Muhammad Farhan
I'm a frontend developer based in Dera Ismail Khan, Pakistan, and I build clean, modern, fast-loading websites using React.js, Tailwind CSS, and WordPress. If you need a website built, a design turned into working code, or a...
Introduction: Why Hooks Deserve This Much Attention
Before hooks existed, sharing stateful logic between React components meant reaching for Higher-Order Components HOCs or the render props pattern — both of which worked, but both of which came wit...
Introduction
The first time I saw a Tailwind CSS class list — something like flex items-center justify-between p-4 bg-slate-800 rounded-lg shadow-md — I genuinely thought it looked messy. Why not just write regular CSS?
Then I actually used it on ...
Introduction
Every beginner hits this wall eventually: "Do I use Flexbox or Grid here?"
I remember avoiding this question for months by just using Flexbox for everything — including things Grid was clearly built for. It worked, technically, but I ...
chevron_left