**Welcome to Code & Chaos 🚀** I share thoughts on **frontend dev, web performance, debugging nightmares, system design** Stick around! 😃
I built StrideBoard as a real-time community hype wall for runners preparing for race day. A few weeks after shipping it, a running foundation reached out about productizing it. That made me want to s
I'm training for the TCS World 10K Bengaluru. 56 days out, 6 days a week of training, and a goal time I've told almost nobody about. That last part is what got me thinking. Every runner I know has a g
Breadth-First Search (BFS) is a fundamental graph traversal algorithm that explores nodes level by level. It is commonly used for finding the shortest path, network broadcasting, and solving various graph-related problems. Understanding BFS BFS start...
Introduction Graphs are one of the most fundamental data structures in computer science. They consist of nodes (also called vertices) connected by edges. Graphs are widely used in various real-world applications, such as social networks, navigation s...
In this blog, I’m thrilled to unveil Commit-Sensei, an interactive CLI tool designed to streamline and automate the process of generating commit messages. 🚀 Reason Behind Implementation: Every time I commit code, I need to come up with a commit mess...
Hello 👋 In this blog, we will explore how to build a WhatsApp bot using Twilio, Node.js, Typescript, Render, and Gemini. Pre-requisites : Have a Twilio account. If you don’t have one, you can register for a trial account Install Ngrok and make sur...
Hello 👋 Let's start with Closures One-Byte Explainer: Imagine a magic box! Put your favourite toy inside, close it, & give it to a friend. Even though you can't see it, your friend can open it and play! Demystifying JS: Closures in action Closures a...
Hello 👋 Let's start with Promise One-Byte Explainer: Promises are like a waiter taking your order. They handle results which can be either success or failure. Demystifying JS: Promise in Action Place the Order: You give your order to the waiter (Pr...
Hello 👋 Let's start with Event loop One-Byte Explainer: The Event Loop is like a traffic cop for JavaScript's code, managing a lane (callback queue) where tasks wait. The cop (Event Loop) processes tasks one by one, checking the call stack and ensur...
🎉 Welcome, folks! Get ready for an exciting journey through the series Explain to a 5-Year-Old - JavaScript Concepts. Here's what to expect: 🚀 One-Byte Explainer: A super concise take on the concept (256 characters or less). 🔍 Demystifying JS: D...
In this post, I will be sharing the tech stack, the process and the challenges I faced during the development. Tech Stack : Next.js Amplify CLI Appsync API S3 storage Tailwind CSS Before getting into the process, the main goal for the hackatho...
ESRI maps are widely used in web application development because they provide a comprehensive set of tools for creating and working with maps. React is a popular JavaScript library for building user interfaces. In this blog, we will discuss how to ad...
Hello everyone, This blog will be part of the first series on #4Articlesin4weeks. I will be sharing with you , my journey towards technology and how I became a developer. Quick intro about me before getting started. { name: "Karthikeyan Shanmug...
In this blog , we are going to see how we can sign your Github commits and get the verified sign when you commit your code. Before jumping on to the how part of this blog. Let’s quickly see why we have to sign our commit message. Introduction: When...
Hello everyone, In this blog we will be seeing about the javascript’s two famous primitives null and undefined. What is null ? primitive value that represents the intentional absence of any object value. - ECMA - 262 javascript never assigns a n...
Hello everyone, In this tutorial we will be seeing how to build a simple Hacker news clone using Remix and Tailwind css. Remix is a full stack react framework which renders the data on the server and sends the html to client side as a response. Let...
Hello everyone, In this blog post, we are going to learn about a concept is typescript which is called module augmentation. Don’t freak out seeing the name of the concept. It is just a fancy name for simple explanation which we are about to see late...
In this tutorial we are going to build a movie application using Next.js , Appwrite, tailwind css, Digital Ocean and deploy it to Vercel. Before going into coding. Let’s see a few details on the frameworks which we are going to work with. Introduct...
In this blog post we will be learning about a concept in typescript - Index signatures. What is Index Signatures : Index signature is used to represent the type of object/dictionary when the values of the object are of consistent types. Syntax: { [...
In this blog, We will be seeing how to send a email with Nodejs and Sendgrid mail API. Pre-requisites : Node and npm installed on your system Generating API Key on Sendgrid: We will first need to register for a free SendGrid account. After addin...