Writing — 001

Blog

Writing about web development and tech since 2021. 98 articles published.

98 articlesRSS

I Rewrote My Portfolio From Scratch — Here's What Actually Changed (And Why)

My old portfolio wasn't broken. It just felt wrong. Here's the full story of how I stripped it back, rebuilt the design language, switched toolchains, and added features I'd been putting off for months.

Jatin Sharma·Apr 11, 2026

How to Find a User's Rank Based on Points Using Django ORM

Learn how to rank users by points in Django using different ORM approaches—from simple ordering to advanced window functions—and discover which method works best for building efficient, scalable leaderboards.

Jatin Sharma·Mar 27, 2026

The Future of Cloud Computing: Predictions and Trends

Cloud computing is the on-demand delivery of computing resources like storage, processing, and software over the internet. These services are hosted on remote servers, making them accessible via the internet instead of requiring local hardware and software. Essentially, cloud computing enables people and organizations to use advanced technology without needing a lot of on-site infrastructure.

Jatin Sharma·Documatic·Oct 14, 2023

AI in Software Testing: Revolutionizing Quality Assurance

Software testing is extremely important to ensure an app works properly and is bug-free. It's the process of meticulously checking a software to identify and fix issues before users encounter them. Testing can find many types of problems, from small typos to serious bugs that crash the app or compromise data. The goal of testing is to uncover these defects before release, so users have a smooth experience and the software meets their expectations.

Jatin Sharma·Documatic·Oct 3, 2023

Introducing CodeGlossary: Your Go-To Resource for Programming Terminology

Are you tired of getting lost in a sea of programming jargon? Do you sometimes find yourself struggling to understand the meaning behind complex coding terms? Well, worry no more! We're thrilled to introduce you to CodeGlossary, your new best friend in the world of programming terminology.

Jatin Sharma·Aug 29, 2023

Demystifying Agile Methodology: A Comprehensive Guide for Everyone

Agile methodology has transformed project management and software development with its emphasis on flexibility, collaboration, and customer-centricity. In this guide, we'll explore the essence of Agile, its principles, frameworks, implementation steps, benefits, challenges, misconceptions, and future trends.

Jatin Sharma·Documatic·Aug 27, 2023

Boosting Developer Efficiency: Essential Productivity Tools for Coders

If you're a person who writes computer programs or makes software, you're in the right place. We're going to talk about tools that can help you work better and get things done more quickly. So, let's dive in and discover how these tools can make your coding journey smoother!

Jatin Sharma·Aug 20, 2023

User Guides in Code Documentation: Empowering Users with Usage Instructions

In software development, explaining how code works is important. User guides are a key part of this explanation. They're like detailed maps that show users how to use the software step by step. This article will talk about why user guides are so important, what good things they bring, and how to make user guides that are clear and helpful. By adding user guides into code documentation, developers ensures that users can understand complex code seamlessly.

Jatin Sharma·Documatic·Aug 19, 2023

Data Encryption: Securing Data at Rest and in Transit with Encryption Technologies

In the current digital age, it is extremely important to ensure the security of sensitive information as it is constantly transmitted and stored. One of the most effective tools in achieving this goal is encryption. But what exactly does it mean when data is encrypted? In this article, we will dive into the world of encryption, exploring its meaning, how it works, and the importance of implementing encrypted technologies to safeguard your data.

Jatin Sharma·Documatic·Aug 15, 2023

Security in Code Reviews: Ensuring Secure and Robust Software Development

Jatin Sharma·Documatic·Aug 5, 2023

Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries

Data Visualization is an important technique for web applications whether you are building a dashboard, analytics tools or any application that works on data (data-driven application) because it helps us to present the data in a way which is understandable and visually appealing. Developers often look for powerful chart libraries that simplify the process of creating stunning visualizations without much effort.

Jatin Sharma·AdminMart·Jul 30, 2023

Chrome Extensions of the Month - July 2023

Introducing our handpicked selection of the best Chrome extensions for this month (July)! These powerful tools are guaranteed to enhance your browsing experience and make your online activities more efficient and enjoyable

Jatin Sharma·Jul 21, 2023

The One Chrome Extension That Will Save You Hours

Introducing Manganum, a new Chrome extension that transforms your new tab into a productivity machine. Say goodbye to wasted time and disorganization caused by too many tabs and scattered tools. With Manganum, all your important tools and information are consolidated in one place, making browsing simpler and more efficient. Boost your organization and efficiency with this clever extension and never miss a task or appointment again. Try Manganum today!

Jatin Sharma·Jul 19, 2023

Code Reviewing a Ruby on Rails application

Ruby is a programming language that is often praised for its simplicity, elegance, and expressiveness. Just like any other programming language, it's important to focus on writing good quality code to ensure that the applications we build are reliable, scalable, and easy to maintain. Writing high-quality, maintainable Ruby code is essential for developing applications. Performing regular code reviews and using code quality tools can help catch problems early and improve your code over time. This article explores some of the best options for Ruby code reviews and quality analysis.

Jatin Sharma·Documatic·Jul 3, 2023

Top 10 Websites Every Developer Needs to Know About

In this article, I'll share some of the best websites that can help you in your day-to-day work. These sites have been my go-to resources for everything. These websites will save you time and improve your productivity. So buckle up, grab a cup of coffee, and let's dive into the top 10 websites every developer needs to know about!

Jatin Sharma·Jun 20, 2023

Pair Programming: Best Practices and Tools Prod

In the fast-paced world we live in, working together is crucial for developing high-quality code. In this article, we'll explore the concept of Pair Programming, uncover its advantages and recommend helpful tools. We'll also bust a few common misconceptions about pair programming along the way.

Jatin Sharma·Documatic·Jun 13, 2023

Redis Performance Tuning: How to Optimize Redis for High-Traffic Applications

Code Refactoring is the process of improving code without changing its behavior. It is often done to make code more readable and maintainable. Refactoring helps developers take existing code and make it cleaner and more reusable, which makes it easier to work with in the future.

Jatin Sharma·Documatic·Jun 9, 2023

The Art of Code Review

Code review is the process of inspecting code written by a developer to evaluate its quality. In the context of software development, it's typically used to catch bugs, evaluate design decisions, and ensure that the code is maintainable. Code review is generally considered a best practice in software development because it helps you catch issues before they become bigger problems.

Jatin Sharma·May 29, 2023

Simplify Your C# Code: Top 5 Refactoring Tools

In this blog post, we will explore the best practices and techniques for tuning Redis performance to ensure your application can handle the most demanding workloads. So, whether you're a seasoned Redis user or just getting started, read on to learn how to optimize your Redis database for lightning-fast speed and excellent scalability.

Jatin Sharma·Documatic·Apr 30, 2023

VS Code Extensions to Take Your Coding to the Next Level

In this blog, I'll explore some of the top VS Code extensions that can help you take your coding to the next level. Whether you're a beginner or an experienced developer, these extensions will boost your productivity.

Jatin Sharma·Apr 20, 2023

NoSQL Databases vs Graph Databases: Which one should you use?

Nowadays we have a variety of databases designed to meet our specific data requirements. Although traditional relational databases are commonly used, the flexibility and scalability of NoSQL databases have made them increasingly popular.

Jatin Sharma·Documatic·Apr 13, 2023

Graph Databases vs Relational Databases: What and why?

In this article, we will be looking at the Graph Database and Relational Database. This will be a basic introduction to both databases. We will talk about the pros and cons of course and where should you use which database.

Jatin Sharma·Documatic·Mar 28, 2023

Operating System and it's concepts

In this article, I'll be explaining what is an operating system, its functions, types and services. What are kernel, shell and system calls? and what is CPU scheduling? This will be a short or brief introduction about each of the mentioned topics.

Jatin Sharma·Feb 10, 2023

My VS Code setup

In this article, I'll be sharing my personal Visual Studio Code setup. This includes the theme and icons that I use, as well as a list of extensions that I find essential for my daily development work.

Jatin Sharma·Jan 31, 2023

Chrome Extensions of the Month - January 2023

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Jan 27, 2023

How to use Google Analytics Data API

In this article, I am going to walk you through that how you Google Analytics Data API to fetch data from Google Analytics in the simplest way I can. After reading this article you'll be able to use this in your project with ease.

Jatin Sharma·Dec 26, 2022

Chrome Extensions of the Month - December 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Dec 24, 2022

Learn Typescript from Scratch

In this article, I'll give a brief introduction to Typescript. I'll cover most of the topics with examples as well. After reading this post, you can use typescript in your projects (using typescript in React or other frameworks is out of reach).

Jatin Sharma·Dec 13, 2022

Make Your Video Player Float Using PiP API

In this article, I am going to make your video player float by using Picture-in-Picture (PiP) JavaScript Web API. This could be an important feature you can add to your website. If your website is showing a demo or has many videos.

Jatin Sharma·Dec 12, 2022

Chrome Extensions of the Month - November 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Nov 28, 2022

How to Access Local Sever on Other Devices

In this article, I am going to show you how you can access your local/localhost server on any other device (Android or iOS).

Jatin Sharma·Nov 25, 2022

Chrome Extensions of the Month - October 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Oct 27, 2022

How I Made My Portfolio with Next.js

In this article you will be looking at my portfolio built with Next.js. Blog and Styling is powered by MDX and TailwindCSS respectively.

Jatin Sharma·Oct 12, 2022

Chrome Extensions of the Month - September 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Sep 29, 2022

Detect When Users Switch Tabs using JavaScript

In this article, I'll show you how to find out when users change tabs in browsers using JavaScript. It's going to be fun, it's helpful to see how often the user loses his attention. You can even use it to add the data to the database.

Jatin Sharma·Sep 6, 2022

CSS Battle: #15 - Overlap

In this article, I will solve a `Overlap` CSS Challenge on CSS Battle.

Jatin Sharma·Sep 3, 2022

Chrome Extensions of the Month - August 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Aug 30, 2022

I made all countries' flags using HTML & CSS

In this article, I have made all (195) countries' flags by just using HTML and CSS. At the end of the article. You will have a special Bonus (you have to reach the end of the article to see it).

Jatin Sharma·Aug 27, 2022

CSS Battle: #14 - Web Maker Logo

In this article, I will solve a `Web Maker Logo` CSS Challenge on CSS Battle.

Jatin Sharma·Aug 20, 2022

Windows Commands Cheat Sheet

This is the Cheat Sheet of Windows Commands. It gives you all the commands and a short description of the command. I've also attached the documentation link for further reading.

Jatin Sharma·Aug 16, 2022

CSS Flag: India

On the occasion of Independence day of India, I am starting a new series called CSS Flag. This is the first post where I'll create an Indian Flag using CSS.

Jatin Sharma·Aug 14, 2022

CSS Battle: #13 - Totally Triangle

In this article, I will solve a `Totally Triangle` CSS Challenge on CSS Battle.

Jatin Sharma·Aug 8, 2022

CSS Battle: #12 - Wiggly Moustache

In this article, I will solve a `Wiggly Moustache` CSS Challenge on CSS Battle.

Jatin Sharma·Aug 3, 2022

CSS Battle: #11 - Eye of Sauron

In this article, I will solve a `Eye of Sauron` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 31, 2022

Chrome Extensions of the Month - July 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Jul 30, 2022

CSS Battle: #10 - Cloaked Spirits

In this article, I will solve a `Cloaked Spirits` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 26, 2022

CSS Battle: #9 - Tesseract

In this article, I will solve a `Tesseract` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 22, 2022

CSS Battle: #8 - Forking Crazy

In this article, I will solve a `Forking Crazy` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 20, 2022

CSS Battle: #7 - Leafy Trail

In this article, I will solve a `Leafy Trail` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 19, 2022

CSS Battle: #6 - Missing Slice

In this article, I will solve a `Missing Slice` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 9, 2022

IP Address & Classes

In this article, I have solved an `Acid Rain` CSS Challenge on CSS Battle. It contains two ways by which you can solve this challenge.

Jatin Sharma·Jul 5, 2022

CSS Battle: #5 - Acid Rain

In this article, I will solve a `Acid Rain` CSS Challenge on CSS Battle.

Jatin Sharma·Jul 2, 2022

Chrome Extensions of the Month - June 2022

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Jun 29, 2022

CSS Battle: #4 - Ups n Downs

In this article, I will solve a `Ups n Downs` CSS Challenge on CSS Battle.

Jatin Sharma·Jun 27, 2022

CSS Battle: #3 - Push Button

In this article, I will solve a `Push Button` CSS Challenge on CSS Battle.

Jatin Sharma·Jun 26, 2022

CSS Battle: #2 - Carrom

In this article, I will solve a `Carrom` CSS Challenge on CSS Battle.

Jatin Sharma·Jun 25, 2022

CSS Battle: #1 - Simply Square

In this article, I will solve a `Simply Square` CSS Challenge on CSS Battle.

Jatin Sharma·Jun 24, 2022

Preview File before uploading in React

This article will explain how you can build a file previewer in React that works for images and videos. With this article's help, you can create your own and make support for other files.

Jatin Sharma·Jun 3, 2022

Active Navbar with Next.js

This is the walkthrough of how you can make an active navigation bar by using Next.js router and it'll highlight the current page user visiting in the navbar.

Jatin Sharma·May 25, 2022

Truncate String with CSS

In this article, I am going to cover how you can create truncate strings or paragraphs by just using CSS.

Jatin Sharma·May 18, 2022

How to add RSS feed in Next.js Blog

In this article, I will explain how you can create an RSS feed for your Next.js application in XML and JSON format.

Jatin Sharma·May 15, 2022

How to use Spotify API with Next.js

In this article, I am going to explain how you can use the Spotify API to fetch the data of your account using Next.js API routes.

Jatin Sharma·May 11, 2022

Paths and Comments in Bash

In this article, I've discussed about the Absolute and Relative paths and how you can use them and also how you can write the Single and Multiline comments in the bash script.

Jatin Sharma·May 8, 2022

Chrome Extensions of the Month - April

In this article, we are going to look at some of the best extensions that you need to install for better productivity. So without further due, let's get into it.

Jatin Sharma·Apr 21, 2022

Create Bash Script & File Permissions

In this article, I have talked about how you can create a bash script and what are the permission for the files, and how you can manipulate those permissions.

Jatin Sharma·Apr 21, 2022

Getting Started with Bash

In this article we are going to learn about what is bash and how we are going to install in windows?

Jatin Sharma·Apr 12, 2022

Scroll to the top with JS

You may have seen various types of website in that there is a button that takes you to the top of the page. Have you ever wondered how it actually works? Well, it's not rocket science or something it's very easy to do and after reading this article I am sure your website will have that button too. So without further due, let's get into it.

Jatin Sharma·Mar 8, 2022

Google Docs with Next.js

In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do.

Jatin Sharma·Feb 19, 2022

JavaScript Cheat Sheet that you should bookmark

This is the Cheat Sheet of JavaScript. It contains explanations, code examples, basic and important operators, functions, principles, methods, and many more. It provides a good overview of the language.

Jatin Sharma·Jan 31, 2022

Notification Panel

In this article, we are going to build a notification panel style with CSS and will toggle the button with JS. It's very simple to do.

Jatin Sharma·Jan 22, 2022

6 ways to center a div

This article show how you can make Center a child div vertically and horizontally respect to it's parent. There are many ways to do it. These ways are the best to use.

Jatin Sharma·Jan 19, 2022

Image Slider with Vanila JS

In this article, we are going to make an Image Slider also known as carousel with a clean UI. It can slide the images with awesome animation and it will track the current image which you can see via dots on the bottom. First, Let's see what are we building.

Jatin Sharma·Dec 30, 2021

Colorful Rain with JS

In this article, we are going to build a container that generates rain by using JS. And it is a colorful rain with random colors. You can play with colors however you want.

Jatin Sharma·Dec 14, 2021

Why I ditched chrome for Edge?

I've been using google chrome for a long time I love the extensions and the look and feel of chrome but then I realized that all these extensions now work on the new Microsoft edge plus edge got a bunch of additional features. That I always wish chrome had let's take a look at why edge may be the better choice.

Jatin Sharma·Dec 11, 2021

Creative Hover Menu with CSS

In this article, we are going to make the navigation menu, but it will be in the aerticle form, I'll recommend you to use this as the full page menu.

Jatin Sharma·Dec 10, 2021

Typing Effect with typed.js

This article show how you can make typing effect using Typed.js, In this you can pass array as argument and it will iterate over that and will show you the result in the typing form.

Jatin Sharma·Dec 8, 2021

Countdown Loading with JS

In this article, we are building a countdown with the help of JavaScript and CSS. It can also be used as the loading countdown.

Jatin Sharma·Dec 6, 2021

How to use Battery Status API?

In this article, we are gonna build a Battery Informer which will display the battery status and the other information along with it such as the charging status, charging level and the discharging time.

Jatin Sharma·Dec 5, 2021

Typing Effect by using CSS

As you may have already seen some website which has some kind of typing animation. It looks cool right but what if I tell you it is very easy to do and you can do it with just CSS only, not without using JS.

Jatin Sharma·Dec 2, 2021

Clean Loading Animation

In this article, we are going to build another loading animation with pure CSS

Jatin Sharma·Dec 1, 2021

Curved Timeline in CSS

In this article, we are gonna build a curved timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want.

Jatin Sharma·Nov 27, 2021

How to use Web Storage API?

In this article, we are going to look at the different types of web storage such as Local Storage, Session Storage, and Cookies to be more precise.

Jatin Sharma·Nov 18, 2021

Video as Text background using CSS

In this article, we will use any video as the background of the text. As you may have already know you cannot use directly video as the text background.

Jatin Sharma·Nov 12, 2021

Timeline with CSS

In this article, we are gonna build a timeline for your website which you can use later on in your portfolio to display your work history or maybe something else you want.

Jatin Sharma·Nov 9, 2021

Fully functional google search with next.js

Jatin Sharma·Nov 3, 2021

Glassmorphism Circle Loading Animation

In this article we are gonna build a loading spinner with the glassmorphism with transform rotations.

Jatin Sharma·Nov 1, 2021

Prevent Heroku Server from Sleeping for FREE

In this article, I am gonna tell you about how you can run the Heroku server free for a lifetime. So let's get into it.

Jatin Sharma·Oct 30, 2021

How to share anything from your website by Web Share API

In this article we are going to look at Web Share API. With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps.

Jatin Sharma·Oct 28, 2021

5 very useful chrome/edge extensions for developers

In this article we are going to look at some useful chrome extension which can be very handy as a developer.

Jatin Sharma·Oct 27, 2021

Glassmorphism Loading Animation

In this article we are gonna build a loading spinner with the glassmorphism UI.

Jatin Sharma·Oct 26, 2021

Some Strange Concept of JavaScript

In this article, we are going to look at some weird and strange concepts of JavaScript, Some of which you may know and some may not. So stay tuned till the end.

Jatin Sharma·Oct 24, 2021

10 CSS Resources that you should bookmark

In this article we are going to look at some awesome resource for you that can improve your productivity.

Jatin Sharma·Oct 23, 2021

How to use ::before and ::after in Tailwind CSS

This article explains how you can use `::before` and `::after` selectors in Tailwind CSS

Jatin Sharma·Oct 21, 2021

CSS Gradient Loading Animation

In this article we are gonna build a loading spinner for you website. which is in the gradient form you can customize that as you want.

Jatin Sharma·Oct 21, 2021

Some JavaScript Methods you should know

This article exlains some javascript methods that you should know, such as concat, split, join etc.

Jatin Sharma·Oct 20, 2021

10 Git Commands everybody should know

In this article there are 10 git commands which will help you in your projects

Jatin Sharma·Oct 19, 2021

Convert Next.js app to PWA

This article explains how to turn your Next.js web app into a Progressive Web App (PWA). It covers the benefits of PWAs, highlights Next.js features, and provides step-by-step instructions for adding PWA functionality, including implementing a service worker and utilizing the Web App Manifest. By following the guide, you can enhance your app's performance, offline capabilities, and installability for a seamless user experience.

Jatin Sharma·Oct 18, 2021

How to use the dev.to API?

This article is the brief documentation about how you can fetch the data from the dev.to API

Jatin Sharma·Oct 8, 2021