You may be wondering how to add Nprogress to SvelteKit. This is a simple guide to help you get started. Step 1: Install Nprogress We first need to install nprogress to SvelteKit. To do this,...

While browsing the Ant Design documentation, I noticed that they show the GitHub contributors of a file at the bottom of the page. I thought it was a nice feature and wanted to blog about it...

Losing users is a common problem for many apps. One way to keep users engaged is to reward them for their daily activities. A lot of apps do this by giving users a daily login bonus such as...

If you ever used WhatsApp Web, you might have noticed that it shows a warning if you open the same account in two different tabs. I wondered how they did it, so I decided to research it and...

In this article, you will learn how to add Prisma to a Next.js project. You will learn how to set up Prisma and connect it to a MySQL database. Let's get started! What is Prisma? Prisma is a...

Using a status message is a great way to show info about you. Discord, the most popular chat app for devs has some advanced status features. They include: Normal text messages Song playing...

Introduction In this tutorial, we'll learn how to add Firebase authentication to a Next.js app. We'll use Firebase's authentication service to create a login page with Google authentication....

Javascript is a cool language if you did everything right. But, without any refactoring, it may result in some messy code which will give unexpected results. In this article, I'll show some...

While writing code, we often write long lines of code. But some techniques can help us write shorter code. When we write shorter code, it is easier to read and understand (Not always, but mo...

Discord bots are a great way to automate tasks and make your server more fun. This guide will show you how to make a discord bot with JavaScript and host it for free. You will need some basi...

Intro In this tutorial, we'll make a poll app using NextJS, Prisma and MySQL. You can find the final code in the end of this article. Prerequisites You need some basic understanding of NextJ...

React is a JavaScript library for building interactive user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in th...

Hey! in this article, we'll build a to-do CLI application with Rust. Local JSON files are used to store the data. Here's a preview of the app: Let's get started! Getting started First, we c...

This is a simple static site generator written in Rust. It is a simple example of how to use Rust programming to create fast and efficient static site generators. PS: I made this for fun and...

I made some JavaScript snippets to save you some time. See them below and let me know your thoughts! Detect if dark mode This snippet detects if the user is in dark mode. And if so, it retur...

Infinite scroll is a modern web development technique that allows you to create an infinitely scrollable list. This is useful for creating a list of items that can be scrolled through withou...

If you don't like writing CSS, you can use a UI library that does all the hard work for you. But there are a lot of options. So In this article, I will compare the best React UI libraries an...

Now, think that you are writing some JS code and it doesn't work correctly. What's the first thing you do? You are console.logging it! So I'm going to tell you some alternatives for console....

While browsing the MDN docs, I found some interesting CSS properties. So, I made this article about those. Let's begin! accent-color Have you ever wanted to override the default color of &lt...

Have you ever waited a long time for webpack to bundle your code? Well, that's so annoying. But wait! In this article, you can find a list of fast and modern alternatives to common npm packa...

In this tutorial, we will create a mini programming language. That compiles center, left 100, color blue, top 10, right 100, to _center(); _draw(); _left(100); _draw(); _setColor("blue...

Do you see unexpected behavior in your JavaScript code? And don't have any clue how to fix it? Well, you can follow these tips to write bug-free code. 1. Use meaningful names You should avoi...

In this article, we'll golf some JavaScript code. But first, we'll need to know what the heck is code-golf? What is code-golf? Code golfing is trying to make the shortest possible code for a...

Have you seen Twitter profiles that show their latest followers in the profile banner? And wondering how to do it? There are two ways you can do it. Pay for a no-code service that updates t...

In this article, we'll learn about the array methods in JavaScript with some examples. Before we start, let's look at some methods of the Array class. Array() Accepts 1 integer argument and...

Today, we will create an SPA with PHP. Our output will look like this. (The GIF, a bit slow 😑) Getting started Our directory structure will be like this. 📦spa ┣ 📜about.php // A page ┣...

I have a lot of bookmarks. They save my time. Now I will post them so you can read them and save your time too! Undraw https://undraw.co/illustrations This website is a collection of svg ill...