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

Building a Next.js Project Progress Tracker while learning React components, props, arrays, TypeScript, and dynamic UI
Building a Project Progress Tracker while learning the fundamentals of Next.js, React, TypeScript, and dynamic UI development.

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: Objects vs Primitives — What Every Developer Should Know

Flat illustration of two developers under the heading JavaScript Objects vs Primitives with projectimmerse.com watermark
Introducing the key differences between JavaScript objects and primitives.

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”

Block Binding using JavaScript – Functions in Loops

Flat illustration of a developer at a laptop with abstract colorful blocks, symbolizing block binding in JavaScript functions within loops
Block binding in JavaScript makes functions inside loops behave as expected by using let or const.

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”

Python Data Types

Python data types explained with simple examples, from numbers and strings to lists, dictionaries, and sets.
Python data types explained with simple examples, from numbers and strings to lists, dictionaries, and sets.

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”

Move Last Node to Front of a Linear Linked List

Flat illustration of a programmer at a laptop with colorful linked list nodes, showing the last node being moved to the front
Move the last node to the front of a linked list – a classic data structure problem explained with step-by-step code.

Linked lists are one of the fundamental data structures in computer science. A common interview question (and practical exercise) is how to take the last node of a singly linked list and move it to the front.

Let’s walk through the logic, example code, and why this operation matters.

Continue reading “Move Last Node to Front of a Linear Linked List”

Ruby Built-in Data Types

Flat illustration of a developer coding in Ruby with floating data type labels and Ruby logo on a blue background.
Discover Ruby’s built-in data types including numbers, strings, arrays, hashes, and symbols with clear examples.

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”

Linear Linked List – Search Element using Python

Linear Linked List using Python

What’s up friends?!?

Let’s continue on another linear linked list problem. I’m going to make this post short since I’ll use the boilerplate code from the last LLL problem we had. If you need any help, I’ll also post the link to GitHub so you can stroll along.

Anyways, for this problem, I just want to write some code to find a specific element inside the LLL. You could do this iteratively or recursively, whichever way you choose to do, but for the purpose of this program, I am just going to solve it iteratively.

Continue reading “Linear Linked List – Search Element using Python”

Linear Linked List – Insert Element Beginning using Python

Linear Linked List - Insert Element at Beginning using Python

What’s up friends?! Hope your week has been great as always, the weather here has been quite chilly and then hot at different days, so I’ve been taking advantage of it and go hiking quite a bit to clear up my head.

Today, I want to take a moment to introduce data structures. Data structures is one of my favorite topics ever, and in my personal opinion, possibly one of the most important courses of computer science in general, as it provides the foundation for later on. Well, WHAT IS DATA STRUCTURE? Data structure essentially is a way of organizing data for the machine to work efficiently, and you have seen it before, such as array! As such, I want to talk about linear linked list because I am positive colleges would definitely throw these at you, and you definitely are going to spend hours and hours on data structures!

Continue reading “Linear Linked List – Insert Element Beginning using Python”

Bubble Sort Algorithm using Python

Bubble Sort Algorithm Using Python

Hey!!! What’s up everyone?! I hope your week has been great! I have been working on tirelessly on my projects, so I am going to take a short break, and write up this article!

For today, I want to touch base on a classic algorithm that students have seen over the years, and it is called Bubble Sort Algorithm! Now, before I get started, there are obviously much better sorting algorithms are there, but for the sake of improving our critical thinking skills, Bubble Sort Algorithm is a good one!

Continue reading “Bubble Sort Algorithm using Python”