The Art of React Hooks: Part 3 — Unlocking the Power of useContext for Cleaner State ManagementHey guys! Here's the third blog of the React Hooks series to help you understand all the React hooks.Today we will be covering up the useContext hook in detail. Why useContext? Before understanding what’s useContext we need to understand why useCont...May 31, 2025·5 min read
PENN Stack Mastery: Building a full stack project with Postgres, Express, Node.js, Next.js, and TypeScriptHello everyone, today we will build a fullstack app from scratch including the frontend and backend, using PENN stack, i.e., PostgreSQL, Express.js, Node.js, and Next.js. For better experience we will use TypeScript over JavaScript. We will use Postg...Jan 6, 2024·32 min read
AttendX: An AI based app that marks your attendance based on face recognitionIntroduction There's a reason why I chose this idea. Usually in universities and schools a lot of time is wasted in taking attendance, so I thought how great it would be if we can automate that process using AI. Imagine you are entering the class and...Aug 13, 2023·3 min read
The Art of React Hooks: Part 2 - Unleashing the Power of useEffect for Efficient Side Effects ManagementHere's the second blog of the React Hooks series to help you understand all the React hooks. I will try to cover all aspects of useEffect in this blog, and related concepts too. I will also try to explain how you can use useEffect in .tsx file. So, l...Jun 23, 2023·10 min read
The Art of React Hooks: Part 1 - Mastering useState for Effortless State ManagementI thought to write a series to explain all the React hooks. And this is the first blog of the series that will explain useState hook in detail. What exactly is useState hook? The React useState hook is used to track state in a function component. Sta...Jun 13, 2023·4 min read
TypeScript's Optional Chaining, Nullish Coalescing, and Null Assertion: What You Need to Knownull and undefined are primitive data types in TypeScript and there are some basic concepts related to their handling, namely Optional Chaining, Nullish Coalescing, and Null Assertion. Let's look into these topics one by one and understand them with ...May 9, 2023·3 min read
Understanding the Folder Structure of a React ProjectWhen you create a new React project by typing the command npx create-react-app ., you see the following folders, sub-folders and files being created: Let's look into these folders, sub-folders and files one by one: node_modules: Modules are reusabl...Apr 28, 2023·5 min read
