Beginner& Intermediate Friendly JavaScripts 
                                                         Projects

Beginner& Intermediate Friendly JavaScripts Projects

This article will feature some of the beginner and intermediate level of Javascript projects that I have built.

The best way of learning about anything is by doing

-Richard Branson

The best way to learn or simply master the basics of Javascript like any other programming language is to spend time building projects which challenges one's logic building and thinking ability and also tests Googling ability(jk). Learnt many concepts in Javascript like

  • Handling APIs
  • DOM manipulation
  • Events
  • Conditional statements / loops / functions

1. See What You Type

A See What You Type app which shows what you are typing in the output box when you input in input box. Learnt about event listeners and functions in JavaScript.

See-What-You-Type (1).png

2. Random Quote Generator

A Random Quote Generator is app on each refresh/button clicked gives different quotes. Built from scratch with HTML, Tailwind and JavaScript. Responsive for mobile screens also.

API used:

Random-Quote-Generator.png

3. Password Generator

A Password Generator app which generates random password from lowercase, uppercase, symbols and numbers combined of the desired length with functionality of copying generated password to clipboard.

Password-Generator (1).png

4. Jokes Generator - API

A Jokes Generator app with the help of Dad Jokes API when you click on button it displays random dad jokes. Learnt about how to fetch and handle APIs in JavaScript.

Dad-Jokes (1).png

5. Age Calculator

A Age Calculator app which shows the age of a person in YYYY-MM-DD format. Learnt about event listeners, Date and functions in JavaScript.

Age-Calculator (1).png

6. Bookmark App

A Bookmark App is app which helps us to store different website links using local storage. There is a section where we find all the saved bookmarks. Built from scratch with HTML, CSS and JavaScript. Learnt about using localStorage and adding array items to it using parse & stringfy method. Responsive for mobile screens also.

Bookmark-App.png

7. StopWatch App

A StopWatch app is a digital watch with buttons which you can press at the beginning and end of an event, so that you can measure exactly how long it takes. Built from scratch with HTML, CSS and JavaScript and learnt more about functions in Js. Responsive for mobile screens also.

Stopwatch-App (1).png

8. Theme Changer App

A Theme Changer app lets the user to change the theme of the webpage from the given options i.e, Light Theme, Dark Theme, Sepia Theme and Ocean Theme and stores them in localStorage so, that next time user visits the site, his/her preference is already saved.

Light Theme.png

9. ToDo App

A ToDo App is generally used to maintain our day-to-day tasks or list everything that we have to do, It's a list of tasks we need to complete or things that we want to do. It is helpful in planning our daily schedules. Built from scratch with HTML, CSS and JavaScript. Responsive for mobile screens also.

ToDo-App (1).png

10. SignUp Form Validation

A SignUp Form Validation is simple sign up form with four input fields: username, email, password, confirm password and when we click the sign up without filling anything or incorrect data, the form will show an error message. To validate the password I used RegEx. Built from scratch with HTML, Bootstrap and JavaScript. Responsive for mobile screens also.

SignUp-Form-Validation.png

Thanks for taking a look at my javascript projects. Hope you liked it ✨ !

In this article I have included some of the projects I have done in Javascript. To know more about other projects you can checkout my Github profilehere

📌Connect with Me

Thank You, Hope you have a Great day ✨