Okay without further delay, let’s get started on the list!
1. Palindrome Checker (Beginner Level Project)
2. Simple Alarm Clock (Beginner Level Project)
3. Random Quotes Generator (Beginner Level Project)
This Random Quotes Generator is an easy and beginner-level API-related project. In this quote generator app, each time user clicks on the new quote button they’ll get a new random quote. Users can also convert a quote to speech, copy a quote, and share a quote on Twitter by clicking on the Twitter icon.
By building this quotes generator, you’ll have strong knowledge of Fetch API, DOM manipulation, TTS (Text To Speech), and many more.
4. Word Scramble Game (Beginner Level Game Project)
This Word Scramble Game is an easy word game for beginners to build. In this game, letters are shuffled randomly, and you’ve to find the correct word using those letters within 30 seconds. To make the game easy for the user, there is a hint of the word too.
5. Currency Converter App (Beginner Level Project)
An easy and simple currency converter app for beginners. In this currency converter, users can enter an amount and convert it to a different country’s currency. Users can also easily exchange the two countries’ currencies by clicking on the exchange icon.
- View Live Demo
- Watch Video Tutorial
- Download Source Codes
6. Memory Card Game (Beginner Level Project)
7. Weather App (Semi-beginner Level Project)
This Weather App is a semi-beginner-level API project which means if you’re an absolute beginner then you’ll have a little bit of difficulty building this project but don’t lose hope and give it a try.
In this weather app, users can get the weather details of a particular city by entering the city name. Users can also get their current location and weather details by clicking on the “Get Device Location” button. Users will get many weather details including temperature in celsius, weather conditions, location, feels like, and humidity.
8. Todo List App with Local Storage (Semi-beginner Level Project)
In this to-do app, users can easily add, edit, or delete their tasks. There are filters button too that helps the user to filter their tasks. The tasks users added to this todo app will be stored in the browser’s local storage so, they won’t be removed on page refresh or tab close.
If you don’t want to create Todo List App or have already created it then you can try to create this Notes App with Local Storage.
9. Basic Image Editor (Intermediate Level Project)
10. Drawing or Paint App (Intermediate Level Project)
This drawing app is built with the use of HTML 5 canvas and different canvas methods and properties. So, you must have basic knowledge of canvas before building this drawing app.
By building this drawing app, you’ll learn how to use canvas and its methods/properties to create canvas-based projects or games.
If you want to boost your accuracy, speed, and performance in coding then check out my blog on Top 10 Useful VS Code Extensions For Web Developers.