DEV Community

Cover image for 💡 50+ JavaScript Project ideas!
Haroon Ahmad
Haroon Ahmad

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.