Free JavaScript Projects

In this article, I would like to suggest a few free projects developed using plain JavaScript for learning purposes. So please go ahead, check out the source code, and have a hands-on experience on these projects.

Free JavaScript Projects

We are going to use plain HTML, CSS, and JavaScript to develop these JavaScript projects:

1. JavaScript Tic Tac Toe Game

In this tutorial, we will learn how to develop an advanced JavaScript tic tac toe game. The Tic-Tac-Toe is a very common game that is fairly easy to play. 

2. JavaScript Project - Modal Box

In this tutorial, we will learn how to create a Modal Box with HTML, CSS, and JavaScript.

A modal is a dialog box/popup window that is displayed on top of the current page.

3. JavaScript Calculator Project

In this tutorial, we will learn how to create a simple Calculator project in JavaScript.

We are going to use vanilla JavaScript to develop this Calculator project.

4. JavaScript Project - Password Generator

In this tutorial, we will learn how to create a simple Password Generator project in JavaScript.

5. JavaScript Project - Weather App

In this tutorial, we will learn how to create a simple Weather App in JavaScript.

6. JavaScript Project - Todo App

In this tutorial, we will learn how to create a simple Todo App in JavaScript.

7. JavaScript Project - Notes App

In this tutorial, we will learn how to create a simple Notes App in JavaScript.

8. JavaScript Project - Movie App

In this tutorial, we will learn how to create a simple Movie app in JavaScript.

We will use the below API to get movies and we will show them on the web page:

https://api.themoviedb.org/3/discover/movie

9. JavaScript Project - Drawing App

In this tutorial, we will learn how to create a simple JavaScript Drawing Application.

10. JavaScript Project - Countdown Timer

In this tutorial, we will learn how to create a simple Countdown Timer JavaScript project.

We will create a Countdown Timer JavaScript project which will start countdown up to 31st Dec of 2020.

11. Breakout Game with JavaScript, HTML, and CSS

In this tutorial, we will learn how to develop an advanced JavaScript Breakout game. 

We will develop this game with plain JavaScript, HTML, and CSS.

12. Exchange Rate Project with JavaScript, HTML, and CSS

In this tutorial, we will learn how to develop Exchange Rate Project with plain JavaScript, HTML, and CSS.

13. Expense Tracker Project with JavaScript, HTML, and CSS

In this tutorial, we will learn how to develop an Expense Tracker Project with plain JavaScript, HTML, and CSS.

14. Form Validator with JavaScript, HTML, and CSS

In this tutorial, we will learn how to develop a Form Validator Project with plain JavaScript, HTML, and CSS.

15. LyricsSearch App with JavaScript, HTML and CSS

In this tutorial, we will learn how to develop a LyricsSearch App with plain JavaScript, HTML, and CSS.

16. Movie Seat Booking Project with JavaScript, HTML, and CSS

In this tutorial, we will learn how to develop a Movie Seat Booking Project with plain JavaScript, HTML, and CSS.

Comments