50 JavaScript Projects with Source Code

Share your love

Greetings, aspiring coders! We are thrilled to have you join us at Coding Torque. Today, we have an exciting opportunity for you to take your JavaScript skills to the next level. Whether you are a beginner or an intermediate-level developer, we’ve got you covered. We’ve curated a list of 50 dynamic and engaging JavaScript projects that will challenge and inspire you to reach new heights in your coding journey. By working through these projects, you will not only strengthen your technical abilities, but also gain a deeper understanding of how to apply your skills to real-world applications. So, grab your laptops and let’s dive in!

Table of Contents

Here is the list of 50 JavaScript Projects:

Random Password Generator using JavaScript

random password generator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Random Quote Generator using JavaScript

random quote generator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here

Dictionary App using JavaScript

dictionary app using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Tic Tac Toe Game using JavaScript

tic tac toe game using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Gradient Color Generator using JavaScript

gradient color generator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


BMI Calculator using JavaScript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Custom Modal using JavaScript

Custom modal using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Filter Cards with tabs using JavaScript

filter cards using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


Responsive Navbar with Mega Menu using HTML, CSS and JavaScript

responsive navbar mega menu using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Virtual Keyboard using JavaScript

virtual apple keyboard using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here



Email Validator using JavaScript

email validator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Dark Mode Toggle button using JavaScript

dark mode toggle button using html and css with sourc code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Todo App using JavaScript

todo app using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


QR Code Generator using JavaScript

qr code generator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Tip Calculator using JavaScript

tip calculator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


Glassmorphic Calculator using HTML, CSS & JavaScript

calculator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Custom Calendar using JavaScript

custom calendar using html css and javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


Neomorphic Analog Clock using JavaScript

neomorphic analog clock using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Internet Connectivity Status Checker using JavaScript

internet connectivity checker using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Countdown Timer using JavaScript

countdown timer using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

RGBA Color Generator using JavaScript

rgba color generator using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Rock Paper Scissor Game using JavaScript

rock paper scissor using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Snake Game using JavaScript

Snake Game using JavaScript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


2D Bouncing Ball Game using JavaScript

2D Bouncing Ball game using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Loan Calculator using JavaScript

loan calculator using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Toggle Profile Card Details using JavaScript

toggle profile card using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


Animated Product Card using JavaScript

animated product card using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

GitHub Profile Search using JavaScript

github profile searcher app

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Countdown Timer using JavaScript

custom toast using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


Currency Converter using JavaScript

Currency converter app using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Whack a Mole Game using JavaScript

whack a mole game using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here


Hangman Game using JavaScript

hangman game using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here

Drawing App using JavaScript

Drawing App using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Rich Text Editor using JavaScript

rich text editor using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Coin Toss App using JavaScript

coin toss app using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Expense Tracker using JavaScript

expense tracker using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Emoji Generator using JavaScript

emoji generator using javascript by coding torque

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here


Random Blob Generator

random blob generator using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here

Movie App using JavaScript

movie app using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

GIF Search using GIPHY API using JavaScript

GIF Search App using JavaScript with Source Code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Quiz App using JavaScript

quiz app using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


3D VR card using JavaScript

3d vr card using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here

Memory Game using JavaScript

memory game using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here

Simple Calories Counter using JavaScript

calories counter using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


HSL Color Generator using JavaScript

hsl color generator

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Stopwatch Timer using JavaScript

stopwatch timer using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  No

Project Code: click here

Pong Game using JavaScript

pong game using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome

Responsive:  No

Project Code: click here

Captcha Generator using JavaScript

captcha generator using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here


Typing Speed Test using JavaScript

Speed Typing Test Game using javascript

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

Random Hex Color Generator using JavaScript

random hex color generator using javascript with source code

Languages: HTML, CSS and JavaScript

Compatible Browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive:  Yes

Project Code: click here

 

If any project is missing, feel free to contact us with the project topic you want, we will try to create one ASAP.

Written by: Piyush Patil
If you have any doubts or if you found any mistake please comment down.

Hope you find this post helpful💖

Thank You!

Share your love