1. A Simple To-Do List App
Although it’s not mandatory, you can take this further by saving tasks into a local database. For instance, storing each input in a JSON file on your local machine allows you to practice CRUD operations work on real-life JSON objects.
2. Create a Simple Timer
To add a bit of creativity, you can build a countdown timer that stops at a user-specified value. You don’t need to store anything in a database or JSON object, as this is an instance that users can tweak as they wish.
3. Build an Image Carousel From Scratch
A carousel is one of the most visually appealing elements of a website’s UI. When coupled with great UX, it can make your website more user-friendly. Plus, it lets you manage space and display images or items in various layouts.
That’s not the only approach, though. You can handle this task using any method that works best for you.
If you’re curious and want to go the extra mile, you can even animate your display to make it more compelling and easy to use.
4. Web Calculator
While it’s more verbose, you can start by writing your script procedurally. But consider refactoring it into functions once your calculator starts working.
Although you might be a bit confused about how to start on this one, there are a couple of resume-building web apps out there to feed 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 resumes as PDFs.
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.
There’s a lot of effort involved in getting your extension to work across browsers. But 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, an image resizer, or an extension to prevent certain content on Chrome.
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 for.
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 overshoot their budget.
8. Unit Converter
As well as writing mathematical formulas to convert units, you’ll learn how to tweak outputs and render them on the client side. Since your app will likely handle multiple conversions, you can create a dropdown where users can select their choice units.
9. Create a Diary
Because it’s a note-taking app, you’ll want to pin down dates according to activities. You can store these inputs in a file, as JSON objects, and reference them later when you need to track your history and saved inputs.
10. Brick Breaker Game