Code Projects - Code Architects

Rock Paper Scissors with JavaScript | Code Architects

Create Rock Paper Scissors with JavaScript

Welcome to the "Rock Paper Scissors with Javascript" tutorial! In this tutorial, we'll be building a classic game of rock, paper, scissors using HTML, CSS, and Javascript. Rock paper scissors…

By Code Architects December 22, 2022

To-Do list with JavaScript | Code Architects

Code Projects

How to Create To-Do List with JavaScript

In this tutorial, we will be creating a simple to-do list with JavaScript that allows the user to add items to the list, mark them as complete, and remove them…

By Code Architects December 21, 2022

Digital Clock with Javascript | Code Architects

Code Projects

Build your own digital clock with JavaScript and DOM manipulation

Creating a digital clock with JavaScript is a fun and useful project that can help you understand how to manipulate the DOM (Document Object Model) and how to use JavaScript's…

By Code Architects December 19, 2022

calculator with javascript | Code Architects

Code Projects

How to create a Calculator with JavaScript

Welcome to this tutorial on how to create a calculator with JavaScript! This project was a part of our 15 Days - 15 Projects Series. A calculator is a useful…

By Code Architects December 18, 2022

Code Projects

Make Custom CSS Cursor

If you're a web developer or designer, you may have come across the need to customize the cursor on your website. The default cursor that appears when you hover over…

By Code Architects December 2, 2022

Countdown timer with JavaScript | Code Architects

Code Projects Tips & Tricks Web Development

Create Countdown timer with JavaScript

In this blog you will learn on how to create countdown timer with JavaScript. A countdown timer is an accurate timer that can be used for a website or blog…

By Code Architects September 8, 2022

QR Code Generator with JavaScript | Code Architects

Code Projects Productivity Web Development

How to Generate QR Code with JavaScript?

QR codes, or Quick Response codes, are two-dimensional barcodes that are often used to encode URLs, text, or other data. These codes are easy to scan using a smartphone or…

By Code Architects July 31, 2022

Code Projects Web Development

Creating Stunning CSS Text Animation

Are you looking to add some visual interest and movement to your website? One way to do this is through CSS text animation. CSS text animation allows you to animate…

By Code Architects July 29, 2022

Code Projects Productivity

Add Google Translate to your Website

Google Translate is a multilingual neural machine translation tool developed by Google that allows users to translate text, documents, and webpages between languages. It has a website interface, an Android…

By Code Architects April 10, 2022

Code Projects

Sibling Fade with CSS

On a hovered item, we can fade away the sibling. Use the transition animation & animate the opacity. We can add more animation by scaling the hovered item. We use…

By Code Architects February 1, 2022