Latest
Building an OpenAI-Powered Product Review Analysis Web App: A Step-by-Step Guide
Learn to build an AI-powered product review analysis web app from scratch. Understand the process with a comprehensive step-by-step guide
Open ↗Build a Resume Scanner with OpenAI, Node JS & Next JS: A Step-by-Step Tutorial
Elevate your hiring process with our step-by-step tutorial on building a powerful resume scanner using OpenAI, Node JS, and Next JS. Learn how to harness the latest AI technology to streamline candidate screening, optimize recruitment efforts, and discover top talent seamlessly. Don't miss out on this essential guide for HR professionals and recruiters aiming to revolutionize their hiring strategy
Building a Drag-and-Drop File Uploader with Next.js
Effortlessly upload files with Next.js Drag & Drop. Streamline your process and enhance user interaction. Simplify file sharing in Next.js.
Scroll-Reveal/Hide Animation with Intersection Observer in Next.js
In this tutorial, we’ll unravel the secrets behind creating captivating on-scroll effects that seamlessly elevate the user experience.
Next.js Contact Form Tutorial: MongoDB Integration and Docker Setup
Creating a contact form using the Next.js, MongoDB and Docker step-by-step on setting up a contact form that stores user messages in a Mongodb database
Creating a Responsive Image Carousel in Next.js: A Step-by-Step Guide
In this quick tutorial, we'll explore how to create a simple yet cool image carousel using Next.js
Creating Confetti Animation in Next.js: A Step-by-Step Guide
In this quick tutorial, we’ll walk through the process of creating a simple yet cool confetti effect in a Next.js application.
Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide
In this tutorial, we'll build a custom Image Magnifier component using Next JS. Let’s dive into the step-by-step guide to creating your own Image Magnifier component.
Building a Custom Cursor in Next.js 14
How to create a custom cursor for your Next.js application. This custom cursor was to follow our main cursor and dynamically change its color based on the type of element it hovers over.
Simple Elliptical Animation with Canvas in JavaScript
How to create a simple animation using JavaScript and HTML5 Canvas using ellipse and circle. Specifically, we’ll focus on drawing ellipses and animating circles around them.
Building Real-Time Views Component: A Socket.IO and Next.js Tutorial
Build a simple real-time views component in NEXT JS powered by Socket.IO and Node JS. Socket programming facilitates real-time communication between a server and clients.
Build an OTP PIN Input Component for NEXT JS App
In this post we'll build a simple and interactive PIN entry component in NEXT JS 13 (TypeScript) commonly used for entering a one-time password (OTP)
Learn Git in a Practical Way
Git is a free and open-source version control system.We will learn git in a practical way, by taking an example
Solidity: Multisig Demo using our Bank smart contract
We will use the multisig (multisignature) concept to approve the Fixed Deposit claims.
Solidity: Fixed Deposit feature in our Bank Smart Contract
Fixed Deposit feature in our bank smart contract using solidity, which will help you learn how we can interact with another contract and understand block.timestamp
Solidity: Understand Re-entrancy attack by building a Bank Smart Contract
we will be building a smart contract for a bank using solidity and heist it to understand the reentrancy attack.
How to build ERC 20 Token and Faucets Dapp
We will learn to build our own ERC20 token and a faucet Dapp(Decentralized App) using which we can interact with our contract.
How to add Web3 Authentication using NEXT JS & MetaMask?
Hello friends, today in this post we will work on web3 authentication using NEXT JS and MetaMask without using any libraries.
Simple Full Stack Products CRUD App using React, Node JS & MySQL
Hello friends, Today in this post we will learn how to build a simple Full Stack Products CRUD App using React, Node & MySQL.
Learn React JS by building this one Web app
We will learn React JS by building and trying to implement React concepts in this Quiz web app, after doing this you will be confident about building your own web apps.
How to create a Meta Tag Validator by scraping the website in NEXT JS
Build a meta tags validator by scraping the website using NEXT JS which will help you to learn about Next JS API, regular expressions, web scraping
Let's build a Sorting Visualizer using React - Part I
Hello friends, I am back with a new project where we will build a sorting visualizer using React JS. Sorting Visualizer helps to strengthen your React skills.
Improve your loop and problem-solving skills by solving these patterns
Hello friends, Today in the post we will work on improving our loop as well as problem-solving skills by solving various patterns.
How to create a memory game in NEXT JS ?
Today We are going to see how we can create a memory game using NEXT JS which is an excellent project for beginners to get started with learning NEXT/REACT JS.
Linux commands that you should know as a Web Developer
Hello friends, Today in this post we will see the Linux commands that you should know as a web developer and also help in learning Linux if you are a beginner.
Understanding Debounce by building an awesome search filter in NEXT JS
Today we will understand one of the important concepts of Javascript Debounce by creating a search filter using NEXT JS for blog posts.
Create a NEWS App using Next JS and React Query
Hello Friends, Today in this post we will learn how to create a news app using NEXT JS and a popular react package react-query.
Regular Expression (Regex) Essentials for Developers
Today, we will learn about a regular expression that you need to know as a developer which has a variety of use cases in validating emails, phone numbers, etc.
How to create a contact form in Next JS and Firebase?
Today we will see how to create a contact form in NEXT JS and Firebase to learn about Form handling, integrating NEXT JS application with firebase, etc.
Build PWA (Progressive Web App) with Next JS under 1 minute
Today we will learn how to create a PWA(Progressive Web Application) with NEXT JS. I also followed this same procedure to make my website a PWA.
Important Meta Tags that you should have on your website
Today we will understand important meta tags that you should have on your website to improve SEO and feel free to use our meta tag generator to speed up.
How to create a responsive navbar in NEXT JS?
Hello friends today in this post, we are going to learn on implementing a responsive navbar in your NEXT JS Application.
How to create a Tic Tac Toe Game using NEXT JS?
Hello friends, Today in this post we are going to see how we can create a tic tac toe game using NEXT JS. Tic Tac Toe is an excellent project to get started
How to add push notification in a Next/React JS App?
Hello friends, Today in this post we will see how we can setup onesignal push notification with our React/NextJS application.
Newsletter Subscription using NEXT JS and Mailchimp API
Hello friends, Today in this post we will see how we can setup mailchimp newsletter subscription with our NEXT JS application.