The Code Chronicles by Ghazi

Build a MERN Stack File Upload App with Progress Bar and Metadata Storage

I’m thrilled to announce a brand-new tutorial that’s now live for all of you!

Oct 30, 2024 • 

Ghazi Khan

September 2024

Is It Time to Replace Your Backend with Next.js? 🚀

Are you curious whether Next.js can completely replace your backend server?

Sep 30, 2024 • 

Ghazi Khan

🎨 Master Animated Navbars with HTML, CSS, and Ionicons!

Learn how to create a smooth, responsive animated navbar using HTML and CSS with transitions and transform properties. No JavaScript required!

Sep 23, 2024 • 

Ghazi Khan

How to Build a Live Code Editor for Coding Interviews with Node.js, React, and Socket.IO

Learn how to build a live code editor for coding interviews using Node.js, React, and Socket.IO for real-time collaboration.

Sep 17, 2024 • 

Ghazi Khan

Unlock the Power of Code Sharing in React: A Guide to Boosting Efficiency and Consistency Across Projects

Discover how code sharing in React can save time, boost efficiency, and ensure consistency by reusing components and utilities across multiple projects…

Sep 9, 2024 • 

Ghazi Khan

Building a Modern ReactJS App to Detect Browser and Device Details

Build a sleek ReactJS app to detect and display detailed browser, OS, and device information using `ua-parser-js`, with a modern, weather-app-inspired…

Sep 3, 2024 • 

Ghazi Khan

August 2024

Full-Stack Web Scraping: Create Link Previews with Vite.js, React, and Node.js

Learn to build a full-stack app using Vite.js, React, and Node.js. This tutorial covers web scraping with Cheerio to create dynamic link previews…

Aug 26, 2024 • 

Ghazi Khan

Build a Responsive Portfolio Website with HTML and TailwindCSS: A Beginner’s Guide

Learn how to create a modern, responsive portfolio website using HTML and TailwindCSS. This step-by-step guide helps you build and customize a sleek…

Aug 20, 2024 • 

Ghazi Khan

July 2024

Master Pagination, Search, and Language Filtering in NextJS with Prisma ORM

Learn how to implement pagination, search, and language filtering in a NextJS app using Prisma ORM. Enhance your code snippet sharing app's…

Jul 8, 2024 • 

Ghazi Khan

May 2024

When to Use a Monorepo: Benefits, Drawbacks, and Practical Examples

Learn when to use a monorepo, its benefits, and drawbacks. This guide includes practical examples to help you decide if a monorepo is right for your…

May 30, 2024 • 

Ghazi Khan

NodeJS: An Introduction to Streams for Efficient Data Handling

Learn the basics of NodeJS streams, including reading, writing, and piping data, to efficiently handle large data sets in your applications with…

May 17, 2024 • 

Ghazi Khan

April 2024

Exploring What's New in React 19: Actions, Async Scripts, Server Components, and More

Dive into React 19's features like Actions for state management, async scripts support, server components, and enhanced error handling, revolutionizing…

Apr 26, 2024 • 

Ghazi Khan