1. A Simple To-Do List App
Although it's not mandatory, you can take this further by saving tasks into a local database. Storing each input into a JSON file on your local machine, for instance, gives you an idea of how to perform CRUD operations when dealing with a real-life JSON object, an array, or a NoSQL database.
2. Create a Simple Timer
To make it more unique, you can build a countdown timer that stops at a user-specified value. You don't need to store any entry into a database or a JSON object, as this is an instance that a user can tweak as they wish.
3. Build an Image Carousel From Scratch
A carousel is one of the most visually appealing additions to a website's UI. When coupled with great UX, it adds a sleek effect to your UI. Plus, it lets you display images or items uniquely.
That's not a strict approach, though. You can use any method that works best for you.
If you're curious and want to go the extra mile, you can add animations to your display to make this more realistic and easy to use.
4. Web Calculator
Although you might be a bit confused on how to start on this one, there are a couple of resume-building web apps out there where you can grab your idea.
Ultimately, you'll make a reusable resume builder that can accept new information and drop or update existing ones.
Coming up with more resume templates isn't difficult once you understand the basic logic. So, you can start with a single template and scale up to more catchy designs as time goes on. Of course, you also want to add a download button so users can get their resume as a PDF.
6. Build a Browser Extension
Building a browser extension for a starter project might look complex. But it's not once you understand the requirements for coding a functional one.
Although it might get a bit tiring tweaking your extension to work across multiple browsers, you can start with a browser-specific extension. And you don't have to build a complex one. Yours can be a simple file downloader or an image resizer, for instance.
While building your extension, you also need to make it installable on the browser. This is where you specify your app's information in a "manifest.json" file so the browser can recognize and accept it.
7. Build a Budgeting Application
We all want to monitor how we spend our money to avoid overshooting the budget. A budgeting app lets you track your expenses so you don't spend more than you bargained.
While writing your code, you'll collect form inputs and subtract expenses from your budget. You can take this further by writing code to set an auto-alert for the user whenever they're about to outshoot their budget.
8. Unit Converter
Want to play around with basic operators and conditional statements in JavsScript? Then creating a unit converter affords you that flexibility.
Logical statements then handle how your script converts the parameters based on the user's choice. Indeed, a unit converter is one of the easiest projects on the list.
9. Create a Diary
Because it's a note-taking app and you need to pin down dates according to activities, you can store your inputs in a file as a JSON object and then reference them later when you need to track your history and saved inputs.
10. Brick Breaker Game