DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for πŸ’‘ 50+ JavaScript Project ideas!
Rana Haroon
Rana Haroon

Posted on

πŸ’‘ 50+ JavaScript Project ideas!

In this article, I’ve collected 50+ of them, so you can have an easier job choosing your next challenge.

β‘  Modal open & close

β‘‘ Random Hex Color Generator

β‘’ Random Number Generator

β‘£ Counter Number App

β‘€ Border Radius Controller

β‘₯ Box Shadow Controller

⑦ Image Filter (when we click on the button)

⑧ Border Width Slider

⑨ Background changer using HTML Color Picker

β‘ β“ͺ Image Position Slider (X and Y Directions)

β‘ β‘  Click To Download Something

β‘ β‘‘ Background Choosing With Images or Gradients

β‘ β‘’ Auto Year Update In The Footer Section

β‘ β‘£ Date CountDown

β‘ β‘€ Time CountDown

β‘ β‘₯ Sticky NavBar

①⑦ Smooth Scrolling

①⑧ Responsive NavBar(Hamburger Button)

①⑨ Random Password Generator

β‘‘β“ͺ Body Mass Index Calculator

β‘‘β‘  Notes App

β‘‘β‘‘ To-Do App

β‘‘β‘’ Calculator App

β‘‘β‘£ Digital Clock

β‘‘β‘€ Form Validation

β‘‘β‘₯ Password Hide And Show

⑑⑦ Password Strength Checker

⑑⑧ Currency Converter

⑑⑨ Dark & Light Mode Toggle

β‘’β“ͺ Alert & Notification

β‘’β‘  Website Preloader Implementation

β‘’β‘‘ Character CountDown

β‘’β‘’ Temperature Calculator

β‘’β‘£ Age Calculator(Years/Months/Day)

β‘’β‘€ Music Player App

β‘’β‘₯ Number Guessing Game

⑒⑦ Length Converter App(KM, M, CM, etc.)

⑒⑧ Auto Image Change Of The Background After A Defined Time.

⑒⑨ Contact Form

β‘£β“ͺ Text To Speech

β‘£β‘  Search Something

β‘£β‘‘ Music Search

β‘£β‘’ Find The Location Of A User

β‘£β‘£ Click To Copy

β‘£β‘€ Internet Connection Checker

β‘£β‘₯ Quiz App

④⑦ Weather App

④⑧ Accordion Open & Close

④⑨ Slider Or Carousel

β‘€β“ͺ Scroll Bottom To Top

β‘€β‘  Random Joke Generator

β‘€β‘‘ Ludo Dice Number Generator

β‘€β‘’ Alarm App

β‘€β‘£ Cards Expand & Collapse

β‘€β‘€ Blurry Loading

β‘€β‘₯ Toast Notification

⑀⑦ Hidden Search Widget

⑀⑧ Page Progress

⑀⑨ Find Keyboard Keys Name

That's all for now, we will meet in the next post😍

Top comments (1)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Cool list there are some good ones on here.

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.