Most of us use version control systems (mostly git) for our projects but the git CLI is unproductive. We often need to run multiple commands and got to type more characters. Well, what if I told you there are tools that can improve this significantl...
July 23rd, 2022 / 3 min read
Authentication in Web3 is extremely easy but supporting all the wallets and making a nice UI can be painful and time-consuming. Thankfully, there are many libraries which makes this extremely easy as well. Today we are going to be looking at adding R...
May 14th, 2022 / 5 min read
As web developers, it is often quite hard and time-consuming to make accessible UIs. This gets even worse when we have to make special components like Modals or Popovers from scratch. Thankfully, the React ecosystem is huge and there are many great p...
May 9th, 2022 / 3 min read
Images take a long time to load and can have a disruptive impact on UX. Today we are going to be looking at creating preview images with a library called lqip-modern. What is LQIP? LQIP simply stands for Low Quality Image Placeholders. They have ext...
May 2nd, 2022 / 6 min read
There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store our blog content in Directus. We are also going to use Next.j...
April 29th, 2022 / 13 min read
š¤ What is XdoX? XdoX is a web application that lets you start challenges and log your progress every day. You are also able to show your progress to the world via your unique profile page. These challenges can be anything from 100DaysOfCode to 30Day...
March 31st, 2022 / 7 min read
Browsers have become an integral part of our life and most applications are web-based now. We use web browsers for everything, from asking a question on Stackoverflow to booking a flight ticket. We often end up having a huge number of tabs open and i...
March 23rd, 2022 / 3 min read
MDX is a format that combines markup in markdown along with JSX code to embed components into markdown documents. It is used in documentation, blog posts, and much more as one can add interactive examples with JSX. You can learn more about it here. T...
March 6th, 2022 / 5 min read
Breadcrumb Navigations are starting to appear in many applications nowadays, mostly in dashboards. Today we are going to look at building a Breadcrumb navigation that is accessible and styled with TailwindCSS. We are going to be using NextJS (specifi...
March 2nd, 2022 / 11 min read
This month started with Hashnode announcing another hackathon, this time in partnership with Netlify, an amazing platform to host websites and serverless functions. This got me thinking and this time an idea came to my mind quite early on in the mont...
March 1st, 2022 / 12 min read
Website analytics is truly a very important thing. We can understand our audience well and can tailor our content to our audience for higher engagement. Google Analytics had always been the go-to solution as it is popular, easy to set up, and gives a...
February 17th, 2022 / 10 min read
š¤ What is TwNFT? TwNFT is a simple web application that allows you to mint your tweets as NFTs for free. It is my submission for the Thirdweb x Hashnode Hackathon. Live Demo / GitHub Repository š What is Thirdweb? Getting started with web3 can be d...
January 31st, 2022 / 7 min read
This article was first posted on Freecodecamp on the 21st of December, 2021. Link - https://www.freecodecamp.org/news/back-to-top-button-and-page-progressbar-with-html-css-and-js/ You've probably seen a "back-to-top" button at the bottom-right corne...
December 22nd, 2021 / 9 min read
Note: This article was first published in the Freecodecamp publication on the 15th of December, 2021. The link to the original article - https://www.freecodecamp.org/news/how-to-use-the-dot-github-repository/ GitHub has many special repositories. Fo...
December 16th, 2021 / 11 min read
Sandpack is a live coding environment that runs on the browser. It is made by the team behind CodeSandbox. The main objective here is to provide interactive examples to play around with, to users. I see it being widely used in things like blog posts ...
December 11th, 2021 / 6 min read
Introduction Toasts are very useful for showing users some information. It has a wide variety of uses from displaying success messages for successful actions, showing error messages in case something goes wrong, and much more. Today we are going to b...
December 5th, 2021 / 6 min read
This article was first published on Freecodecamp on the 13th of November, 2021 - https://www.freecodecamp.org/news/how-to-use-commitlint-to-write-good-commit-messages/ We are often in a hurry to commit our changes in Git and so we write something ra...
November 22nd, 2021 / 9 min read
Yesterday, we had the NextJS Conf and we got a lot of new things. NextJS 12 has been released and it has got a ton of new and exciting features. One of these features is middleware in NextJS so let us see how it works with an example. What is NextJS ...
October 27th, 2021 / 5 min read
What is Hacktoberfest? Hacktoberfest is held in the month of October every year. It is all about getting people to make quality contributions to open-source projects. Those who make 4 pull requests which are valid and get merged, get some swag (t-shi...
October 21st, 2021 / 3 min read
Back in July of this year, I made a bold decision of completely switching to Pop OS (an ubuntu-based Linux distribution) and I was faced with many hurdles. One of these was an alternative to Microsoft's Your Phone application. After some research, I...
October 14th, 2021 / 4 min read
We often don't realize but open-source projects play a huge role in our life. Today, in this article, I am going to talk about how we use open-source technologies in our everyday life and what would happen if they didn't exist š±. Some Examples Let ...
October 7th, 2021 / 6 min read
GitHub allowed us to make pre-build issue templates in the form of markdown files which the person reporting the bug could fill out. This was better than presenting the person reporting the bug with a blank textbox but it could get a bit clumsy at ti...
October 1st, 2021 / 5 min read
Early Years Technology was something I was interested in since a very young age. At first, I was mainly interested in electronics and robotics. I didn't make anything at the age of 5 or 6 but I would play around with whatever I would find at home. Th...
September 29th, 2021 / 3 min read
Before I started writing I was interested in tech in general from a very young age and have been expanding my knowledge from watching videos and reading articles for a long time. I used to read articles written across many technical news outlets like...
September 27th, 2021 / 2 min read
Disclaimer: This article is not sponsored or biased in any way. I liked the idea behind the product and hence wanted to write about it. Deta was a company founded just over 2 years ago and it has been providing free Cloud solutions since. What is De...
September 26th, 2021 / 2 min read
Everyone has a dream to pursue in life, some of them are usually what one will work for in the future. Some want to open their startups, some want to get into the big companies, some want to work on personal projects, and some want to do freelancing....
September 24th, 2021 / 3 min read
Want something like this? This is the article you are looking for. Let me show you how you can make an NPX CLI Portfolio under 5 minutes How I made it I am mainly using React Ink for this project. I have also written a Getting started with React Ink ...
September 20th, 2021 / 2 min read
Have you ever wondered if you can use React for the command-line interface (CLI)? Yes, you can!!! React is not only used for web development but also for making Android and iOS apps (React Native) and VR Apps (React 360) and a lot more!!! React Ink i...
September 18th, 2021 / 5 min read
Figma is a great UI/UX tool with a quite generous free tier. This means many developers use Figma to prototype their application or website designs (including me). Many of us developers tend to use Linux but that is where a problem arises, the Figma ...
September 15th, 2021 / 2 min read
There was no Hackathon this month but Hashnode surprised us with a great Bootcamp with some great speakers onboard. The Bootcamp was for the first 1000 people who registered for it and I was one of the lucky ones to be in. If you weren't in, we have ...
September 13th, 2021 / 2 min read
I stumbled upon this great React Hooks library called Rooks recently and it has got a lot to offer. We all have discovered various Easter eggs in various apps and sites. It can range anywhere from stumbling upon a Rick-roll when you click a button a ...
September 12th, 2021 / 2 min read
Many sites use analytics tools to measure their site insights. Google Analytics is an extremely popular tool in this sector as it is free (though there is a paid version for enterprise use but the free one is what most people use). The problem Googl...
September 8th, 2021 / 4 min read
šØ Firstly a little bit about myself I am a 14-year-old Developer, YouTuber, Blogger, and of course a student. Though I have been coding for quite a long time, I started web development about 5 months ago. I learned Javascript, React, Redux, NextJS, ...
August 31st, 2021 / 7 min read
You might need your program to choose a random lucky winner from a list of people participating in a lottery or maybe you want to chooses a random fruit from a list of fruits the doctor made you. There are many use cases for this library and let us s...
April 21st, 2021 / 4 min read
Let us look at how to encrypt text and files using Python. For this we are going to be using Fernet which is a part of python's cryptography package So let us get right into it Ok firstly we need to downloaded the cryptography package using pip On Wi...
April 10th, 2021 / 3 min read
