mukul24raghav | Viral Coder

How to Build an Amazing Glassmorphism Calculator (Beginner)

Introduction In this tutorial, we will build a Glassmorphism Calculator using HTML, CSS, and JavaScript. Glassmorphism is a modern design trend that gives elements a frosted glass appearance, creating a…

Projects

Building an Amazing Currency Converter with React

In this tutorial, we’ll create a currency converter app using React. This app will allow users to convert amounts between different currencies using real-time exchange rates. Step 1: Setup Start…

Projects

Creating an Amazing Frying Pan Preloader utilizing HTML and SCSS

In this tutorial, we'll create a fun and interactive frying pan preloader using HTML, CSS, and a touch of JavaScript. This preloader will feature a frying pan flipping bacon-like blobs…

Projects

How to Create a Sticky Cursor Effect using HTML, CSS, & JavaScript

In this tutorial, we'll explore how to implement a sticky/stretching cursor effect using HTML, CSS, and JavaScript. This effect can add a visually engaging interaction to your website or web…

Projects

Building an Amazing Birthday Card with CSS 3D Effects

In this tutorial, we'll create a beautiful birthday card using HTML and CSS, incorporating 3D effects to give it a unique and interactive feel. The card will have a front…

Projects

How to Build a Spin Wheel App with Chart.js(UI)

In this tutorial, we will create a simple Spin Wheel App using HTML, CSS, JavaScript, and the Chart.js library. Users can spin the wheel to get a random value between…

Projects

How to Create Sticky App with Local Storage

In this tutorial, we'll create a dynamic note-taking app using HTML, CSS, JavaScript, and jQuery. Users can edit the titles and content of notes, and their changes will be saved…

Projects

Building an Amazing Emoji Customizer with HTML, CSS, and JavaScript

In this tutorial, we'll create an interactive emoji customizer using HTML, CSS, and JavaScript. Users can change the emoji's background color and facial features like eyes, eyebrows, and mouth by…

Projects

How to Create Table Tennis Loader using CSS

In this tutorial, we'll create an animated table tennis SVG using HTML, CSS (SCSS), and SVG. This SVG will showcase a bouncing ball and a moving paddle, simulating a table…

JavaScript

How to Create Image Zoom Feature using JavaScript

In this tutorial, we'll explore how to create a simple yet effective product image zoom feature using HTML, CSS, and vanilla JavaScript. This feature allows users to zoom into specific…