The web is flooded with suggestion for frontend projects which is mostly around creating a web app that performs basic curd operations or consumes API or is a replica of any platform out there.
Well, they aren’t bad, but If you want to stand out, you should be building something different that showcases your skill and get the attention of the recruiter when it’s mentioned on your resume.
Here I am listing the 6 frontend projects that are unique, yet challenging and cover the different aspects of the frontend.
Dynamic form generator
Forms are the curial elements in collecting data on any web application and they can be very complex. Many applications require them to be generated dynamically with custom fields and validation.
For example, Amazon operates in different countries, and to abide, by the laws of each country it has to show forms with different fields to collect data.
Write a JavaScript library that can generate the form from a JSON schema with all the validation rules and later create a web application similar to TypeForm where users can create custom forms.
Walkthrough library
Create a JavaScript library that walks through your application and onboards first-time users, something similar to Introjs.
Video Streaming platform
Using a streaming service like Agora.io, and Vonage, create your own Zoom or Teams application.
Collaborative Text Editor
Create your own collaborative text editor using an open-source editor. This is the most complex project on the list. Refer to this case study of conclave, on how college grads created a simple collaborative text editor and it helped them land a job at Google.
JavaScript Code Execution app
As JavaScript runs in the browser, you can create your custom javascript code engine similar to practice.learnersbucket.com. You can extend the Video Streaming and Collaborative text editor project and merge them together with this and create a collaborative Interview platform for JavaScript.
User analytics SDK
Create a JavaScript SDK that tracks different user activities and collects the data and later shows them visually through the dashboard.
To explore each of the Ideas in depth. Watch this video.