Karthikeyan

@imkarthikeyans

985 Points 4 Followers

25 Posts

0 Answers

Passionate about tech and lifelong learner

Karthikeyan · 1 year ago

Integrating ESRI Maps into your React App

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 build...
2

Karthikeyan · 2 years ago

My Journey into technology

Hello everyone, 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 Shanmugam&...
1

Karthikeyan · 2 years ago

How to sign your Github Commits ?

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...
1

Karthikeyan · 2 years ago

Javascript shorts : null and undefined

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...
5

Karthikeyan · 2 years ago

How to build a Hacker news clone using Remix, Tailwind css ?

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 s...
3

Karthikeyan · 2 years ago

Typescript Shorts -Module Augmentation 

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...

Karthikeyan · 2 years ago

How to build a movie application using Next.js and Appwrite ?

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...
9

Karthikeyan · 2 years ago

Getting Started with Index signatures

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...
4

Karthikeyan · 2 years ago

How to send a email using Sendgrid and Node.js

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...
3

Karthikeyan · 2 years ago

How to add dark mode to a Next.js Project using tailwind ?

In this blog , we will be seeing how to add dark mode to your Next.js project using Tailwind. let’s get started Stack Next.js Tailwind css next-themes Typescript First things first , Let’s...
1

Karthikeyan · 2 years ago

How to serve an asset through jsdelivr CDN from Github.

Hello Everyone, In this post we are going to see how we can serve ui assets from github via CDN. TLDR; CDN (content delivery network) is basically a network of servers and data centers that...
3

Karthikeyan · 2 years ago

JavaScript — Call stack , event loop and callback queue

When I started as a beginner in JS, I had some difficulties in figuring out the concepts which I am about to say. I think I have figured it out. Thanks to talk given by Philip Roberts at JS...
3

Karthikeyan · 2 years ago

Integrating Percy and Cypress to your Next.js application.

In this blog post, we will be seeing how to integrate Percy and Cypress to your Next.js application. Outline: Visual Testing End to End Testing Intro on Percy Intro on Cypress Wri...
4

Karthikeyan · 3 years ago

How to change the default port number in Next.js application

Hello everyone, In this short blog post , I will be writing about how we can override the default port number in Next.js application. Why am I writing this ? Today when I was working I had t...
5

Karthikeyan · 3 years ago

Resources to practice web development

Excellence is not an art. It is the habit of practice — Aristotle Best way to be good at any piece of tech is to practice it. In order to practice the tech , you need challenges , ideas fo...
6

Karthikeyan · 3 years ago

How to deploy a react application present in a repository to Netlify ?

In this blog post , I will be sharing a problem I faced when trying to deploy a react app which is inside a repository to netlify. Problem faced: So I have this repository skarthikeyan96/loc...
4

Karthikeyan · 3 years ago

How to add dark mode toggle to Next.js application using Chakra UI

In this short blog post , I will be walking us through how we can add dark mode toggle to Next.js application using chakra ui. Chakra ui is a component library for building front end part of...
2

Karthikeyan · 3 years ago

Javascript Closures in Loops

In this blog, We will be going over the usage of the closures concept in javascript when working with loops. I have written a blog explaining, how closure works under the hood. Please give i...
1

Karthikeyan · 3 years ago

Quick Guide to Closures In Javascript

In this blog, I will be explaining one of the important features of JS which is Closures and why we need them. So let's dive in. Closures? Understanding Closure will help in understanding t...
6

Karthikeyan · 3 years ago

How to add Dribble social login to your React Application using Auth0

Outline: 1. Introduction. 2. Auth0 Setup. 3. Connecting React with Auth0. 4. Rendering dribble profile. 5. Conclusion. Introduction: In this blog post, we will see how to add dribble soc...
3

Karthikeyan · 3 years ago

What is State Management

In this blog , I will be going over what is state management and why we need it. State management acts as a base, before we start playing around with state management libraries of different...

Karthikeyan · 3 years ago

My VS Code setup

In this blog post I will be sharing my VS Code set up i,.e themes and extensions. Themes One-dark-pro: I am currently using One-dark-pro which is Atom's theme made for VS Code. Icons File...
6

Karthikeyan · 3 years ago

Getting started with Deno

In this blog post , we will learn about denojs and create a simple CLI application that gives the current weather information. Outline 1. What is Deno ? 2. Features of Deno. 3. Installing...
1

Karthikeyan · 3 years ago

Getting started with Web components

This blog is part 1 of the web component series. In this blog , we will learn about web components and create our first web component using vanilla javascript. Outline 1. What is a web compo...
1

Karthikeyan · 3 years ago

How to execute shell commands in Node js ?

This is a quick tutorial on how to execute shell / windows commands within a nodejs application. This can come in handy when you are building a CLI which is trying to install dependencies o...
3

Loading More Content