Compared to earlier, life has become more complex nowadays. Although technology has helped ease our life, the amount of data we have been involved in has increased tremendously, and this may lead us to lose our focus on a single area of expertise. Initial Step I believe that the first step in…

On one of my travels, I went to a Jungle where I noticed something bizarre and upsetting. You could track where people have been there often by observing the amount of garbage that has been left out there! On the way home, all I could think about was this matter…

Initialize a Next.js application and then implement dark/light theme toggle for it using context hook and TailwindCSS — One of the most requested features of users from any proper web application is switching between light and dark mode. In this article, we will build a template Next.js application, and with the help of TailwindCSS, we will implement a toggle mechanism between dark and light themes. I have used…

One of the amazing features that Angular provides is the interceptors, but what does an Interceptor do, and can we implement multiple of them in our Angular project? What is Interceptor? We can use Interceptors to intercept the incoming and outgoing HTTP requests and manipulate them using Angular HttpClient.

Programming is a teamwork job so we must assure that our codebase is clean and usable for everyone in the team with the team culture and the best practices so we want to prevent developers to commit unless we validate their code and that’s when Git Hooks come in handy. …

Forms are significant parts of every Angular project, and in this article, we want to implement a Reactive Angular form with a custom and dynamic validator. You can also listen to my podcast about this Medium story on Spotify: Template Driven Approach vs. Reactive Form Approach with Hossein Mousavi - AiA 346 Listen to this episode from Adventures in Angular on Spotify. Hossein Mousavi shares his methodology to angular form by…open.spotify.com

A deep dive into the world of filter(), map(), and reduce() methods in JavaScript. — In JavaScript, we have these three methods as a part of the Array.prototype method, but what are the differences between them, and what do they exactly do? So let’s dive into them! 1. So let’s begin with the filter() method: The filter() method applies to an array and then creates a new array, and on the new array…