Project Immerse

Learning a new framework is always a little strange at first.

You install a bunch of packages, the terminal spits out enough text to make you question your career choices, and suddenly you’re staring at files with names like page.tsx wondering what exactly you signed up for.

That’s where my latest project begins.

I’m building a simple Project Progress Tracker with Next.js. The idea is straightforward: create an application that tracks the other applications I build, including how far along each project is.

Yes, I’m building a project to track my projects. We’re officially through the looking glass.

More importantly, the app gives me a practical way to learn Next.js and React concepts instead of working through isolated examples that never turn into anything useful.

So far, I’ve covered components, props, TypeScript types, arrays, objects, .map(), JSX, Tailwind CSS, and dynamic progress bars.

Here’s what I’ve learned along the way.

Continue reading “Building My First Next.js Project: Components, Props, Arrays, and Dynamic Progress Bars”

JavaScript has two foundational types of values: primitives and objects. Though this sounds simple, misunderstanding their behavior leads to subtle bugs, performance issues, and confusion — especially when passing values around, mutating data, or optimizing code. Let’s dive deeper into what separates them, with clear examples and best practices.

Continue reading “JavaScript: Objects vs Primitives — What Every Developer Should Know”

In ES5, building strings often required clunky concatenation with + and escape characters. ES6 introduced template literals, which make string handling cleaner, more readable, and more powerful.

Continue reading “JavaScript ES6 Template Literals”

When writing JavaScript, one of the classic headaches developers run into is how functions behave inside loops. If you’ve ever expected a function in a loop to “remember” the value of a variable at a specific iteration, only to find it doesn’t, you’ve bumped into scope and binding issues.

Let’s break this down and see how block binding can solve it.

Continue reading “Block Binding using JavaScript – Functions in Loops”

When you start learning Python, one of the first things you’ll come across is data types. Think of them as the different kinds of values your code can work with. Just like you wouldn’t use a calculator to store text messages, Python needs to know what type of data it’s handling to treat it correctly.

In this guide, we’ll walk through the most important data types in Python with simple examples.

Continue reading “Python Data Types”

When learning Ruby, understanding its built-in data types is one of the most important steps. Data types define the kind of values you’re working with and how Ruby interprets and manipulates them.

Ruby keeps things simple but powerful — everything is an object, and each data type comes with its own methods and behaviors.

Let’s walk through Ruby’s essential data types with examples you can try right away.

Continue reading “Ruby Built-in Data Types”