Home | Viral Coder

How to Check User is Idle using JavaScript

Introduction In this comprehensive blog post, we'll explore the creation of an Inactivity Timer using a combination of HTML, CSS, and JavaScript. This timer not only keeps track of user…

Projects

How to create a Sliding Cards using HTML, CSS & JS

Introduction In this detailed blog post, we'll explore the creation of a captivating "Movie Night" section for your website. By combining HTML, CSS, and a touch of JavaScript with the…

Projects

How to make a Draggable Bottom Sheet Modal using CSS & JS

Introduction In this comprehensive blog post, we will embark on a journey to create a draggable bottom sheet modal using HTML, CSS, and JavaScript. This interactive UI component not only…

JavaScript

How to Make FlashLight Effect using HTML, CSS & JS

Introduction In the vast realm of web design, creativity knows no bounds. In this blog post, we will delve into the enchanting world of the flashlight effect, a unique and…

React

How to Make an Accordion using React

Introduction Accordions are a popular user interface pattern that allows users to toggle the display of content in a collapsible manner. In this blog post, we'll explore the implementation of…

Tricks & Tips

How to be Productive by HTML to CSS AutoCompletion

Introduction In the world of web development, every keystroke matters. Speeding up your coding process can significantly boost productivity. One way to achieve this is by leveraging tools that provide…

JavaScript

How to Check Palindrome using JavaScript

Introduction A palindrome is a word, phrase, number, or other sequence of characters that reads the same forward as backward. In this blog post, we'll explore the implementation of a…

JavaScript

How to Access Camera and Microphone using JavaScript

Introduction In today's digital age, accessing camera and microphone functionalities in web applications has become increasingly common. In this blog post, we will delve into a simple example of how…

JavaScript

How to Convert Number to Roman using JavaScript

Introduction Roman numerals have a unique historical significance, and creating a converter to translate modern numbers into Roman numerals can be a fascinating and practical addition to a website. In…

JavaScript

Simple Text Highlighter with HTML, CSS, and JavaScript

Introduction Creating a text highlighter can be a useful feature for enhancing the user experience on a website. In this tutorial, we'll walk through the development of a simple yet…

Viral Coder

Building a Currency Converter App in React

Creating an Amazing Frying Pan Preloader utilizing HTML and SCSS

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

Building an Amazing Birthday Card with CSS 3D Effects

How to Build a Spin Wheel App with Chart.js and JavaScript

Building an Amazing Sticky App using Local Storage

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

How to Create Table Tennis Loader using CSS

How to Create Image Zoom Feature using JavaScript

Amazing Dropping Radio Buttons using HTML, CSS & JavaScript

How to Check User is Idle using JavaScript

How to create a Sliding Cards using HTML, CSS & JS

How to make a Draggable Bottom Sheet Modal using CSS & JS

How to Make FlashLight Effect using HTML, CSS & JS

How to Make an Accordion using React

How to be Productive by HTML to CSS AutoCompletion

How to Check Palindrome using JavaScript

How to Access Camera and Microphone using JavaScript

How to Convert Number to Roman using JavaScript

Simple Text Highlighter with HTML, CSS, and JavaScript

Building a Currency Converter App in React

Creating an Amazing Frying Pan Preloader utilizing HTML and SCSS

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

Building an Amazing Birthday Card with CSS 3D Effects