Mini Projects

10 Javascript Mini-Projects

Best way to practice and improve your skills is by doing mini projects.So here are 10 javacript Mini-projects.

Tap on the titles to know more about them.

You can post the link to you mini-project code in the comments section.
If you are familiar with any javascript libraries like jQuery you can use them too.

If you know some good javascript mini-projects comment them with decription below so I can add them to the list.

1.Calculator.

Beginner:
Make a calculator with basic operations like addition, subtraction, multiplication, division, percentage and clear all.

Advanced:
Make a scientific Calculator with Logarithmic and Trigonometric Operations.

2.Quiz.

Beginner:
Make a Multiple Choice Question Quiz.
Show the correct answers with score at the end of quiz.

Advanced:
Add Time limit to each question.

3.Unit Converter.

Beginner:
Select any one unit of Measurement like length.Allow user to choose the input unit(example "cm") and the output unit(example "inch").Take the value from user.And show the output.

Advanced:
Allow user to Select from a list of unit measurements like temperature, length, energy, time, mass etc.

4.Clock.

Beginner:
Create a Digital Clock with javascript.

Advanced:
Create a Analog Clock with javascript.

5.Rock Paper Scissor.

Beginner:
Make the classic rock paper scissor game.(Player Vs Computer)

Advanced:
Users can select between two modes

Player Vs Computer(Single Player)

Two Player.

6.Color Picker.

Beginner:
Adjust the RGB values to get the desired color.Display the Hex value and RGB value.

Advanced:
Create a button which on clicking will copy the color code.

7.Stop Watch.

Beginner:
Create stopwatch with three basic functions: Start,Stop and Reset.

8.Random Thing Generator.

Beginner:
Create random things like usernames or some game like which harry potter house do you belong to.Randomly select the house.

9.Tic Tac Toe.

Beginner:
The classic Tic Tac Toe Game.

Advanced:
User Can Select Between two modes single player or 2 player.Add a Reset option.Also Add a play again option at the end of the game.

10.Virtual Piano.

Advanced:
Create a virtual piano.Add some Demo Music too.

My Youtube Channel

10 JS Mini-Projects You Should Try