Notes on frontend development.

Migrating to TypeScript 7: Benefits, Risks, and Steps

Learn what TypeScript 7 changes, why its native compiler is faster, and how to migrate without breaking your build or editor workflow.

What Is a Fork in Git? Fork vs Clone Explained

Learn what a Git fork is, how it differs from a clone, and how to use forks to contribute to GitHub projects without changing the original repository.

Build a YouTube Thumbnail Downloader with HTML, CSS & JavaScript

Learn how to create a simple YouTube Thumbnail Downloader using HTML, CSS, and JavaScript. Beginner-friendly and no frameworks needed.

Next.js Image Optimization for Static Exports

Slide Up Text on Hover | React CSS Animation Tutorial (without libraries)

Fixing Empty Pages & Missing Assets in Vite React + React Router (GitHub Pages)

Deploying your Vite React app with React Router to GitHub Pages? Fix frustrating empty pages & missing asset errors with this guide!

How to create Animated Number Counter with React and Framer Motion

Learn how to add a count up animation to your website with a reusable component, triggering animation on scroll and respect the user’s reduced motion setting.

Deploy Vite React App to GitHub Pages

Follow my step-by-step instructions for a successful deployment of Vite app to gh-pages

useClickOutside hook in React

Learn how to detect click outside an element with a custom hook in React, and trigger a callback.

Quick Tip: Avoid [Object object] in console logs

Next.js Server Side Code Highlighting with Prismjs

Explore how to create beautiful code block snippets in your blog with Next.js, and perform the synthax highlighting on the server side.

10 Essential Emmet Shortcuts

Code Faster with Emmet. It’s an essential snippets tool for HTML and CSS!

Elegant Text Reveal Effect (Letter-by-letter) using Framer Motion

How to create useTheme hook