mukul24raghav | Viral Coder

How to Resize and Compress Images using JavaScript

Introduction In web development, it's often necessary to adjust the size of images dynamically based on user requirements. In this tutorial, we'll build an Image Size Adjuster using HTML, CSS,…

React

How to Build Synchronized Input Component in React

Introduction In modern web applications, users often expect real-time synchronization across multiple tabs or devices. In this tutorial, we'll dive into creating a Synchronized Input component using React, which enables…

Projects

How to Create Download Button with Timer using JavaScript

Introduction In the digital era, user experience is paramount, and providing a seamless download process enhances it significantly. In this guide, we'll explore the creation of a Download Button with…

JavaScript

How to Make Snake Game using JavaScript

Introduction The Snake Game, an iconic piece of gaming history, comes to life with this JavaScript implementation. In this guide, we'll delve into the intricacies of the code, understanding how…

Projects

Amazing Rotating Fan Built using HTML, CSS and JavaScript

Introduction The Animated Fan showcased in this guide combines HTML, CSS, and JavaScript to create a visually engaging fan animation. By understanding the code structure and its underlying concepts, you…

JavaScript

How to Build a Custom Image Cropper using JavaScript

Introduction In the dynamic realm of web development, user interactivity plays a pivotal role. The Custom Image Cropper is a versatile tool that allows users to manipulate and fine-tune images…

Projects

How to Create Custom Hover Animation (CSS)

Introduction In the ever-evolving landscape of web development, creating engaging and interactive user experiences is paramount. One such delightful feature is the Custom Hover Animation, often seen as a dynamic…

Projects

Amazing 3D Flip Book Built using HTML, CSS and JavaScript

Introduction In this guide, we'll embark on a journey into the fascinating realm of 3D CSS by creating a Custom Flip Book. This engaging and visually stunning element allows users…

Projects

How to Make Sales Notification using HTML, CSS & JavaScript

Introduction In this guide, we'll explore the creation of a Fake Sales Notification system using HTML, CSS, and JavaScript. This system simulates real-time purchase alerts, adding a dynamic and engaging…

Projects

How to Make Custom Price Range Slider using JavaScript

Introduction In this comprehensive guide, we will walk through the process of crafting a sophisticated Custom Price Range Slider using a combination of HTML, CSS, and JavaScript. This slider not…