Projects | Viral Coder

Build an Amazing Comic-Style Image Converter with JavaScript

Creating a comic-style image converter is a fun and creative project. It combines web development with image processing. To start, you can use HTML, CSS, JavaScript, and OpenCV.js to turn…

Projects

How to Build a Modern Password Input Field with Toggle Visibility

In modern web applications, user experience is crucial, especially for login and signup forms. One common feature is the ability to show or hide password input. In this blog, we…

Projects

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…