DEV Community

Cover image for 5 JavaScript Projects You Should Consider To Build As A Frontend Dev.
Ankur Tyagi
Ankur Tyagi

Posted on • Updated on • Originally published at theankurtyagi.com

5 JavaScript Projects You Should Consider To Build As A Frontend Dev.

Side projects are a great way to show your skills to land your first job as Front-end Developer.

5 JavaScript Projects You Should Consider To Build as a Frontend Dev.

1. Build a Tic-tac-toe game with Pure JavaScript

Building a game in a browser can be a great exercise to test your JavaScript skills. You will have to react to user events, interact with DOM, and store game data.

2. Build a Blog Template with HTML and CSS

When you just start learning front-end development it’s important to consolidate your knowledge about HTML and CSS. Building a Blog Template is a good idea for your first bigger project.

3. Location sharing with Pure JavaScript and Maps Service

A simple app where you can share location with your friend can be both a demanding project. In this project, you will use JavaScript to interact with external services for maps (ex. Google Maps or OpenStreetMap).

4. Build TV Series Tracker with JS Framework (React, Vue, Angular or other)

This project will help every TV Series fan, track premieres new episodes. It will be a great opportunity to use a JavaScript framework you are comfortable with.

5. Home Budget App with JS Framework (React, Vue, Angular or other)

Creating a home budget App will be an ultimate check for your skills as a Junior Front-end Developer. It will check your ability to create forms and store information, but it can also help you save money!

Remember, you don’t have to mimic the above examples 1-to-1.

Feel free to change, add or remove any detail you like.

If you have older projects you used for learning new skills you can always refactor them and put them in your portfolio.

Good Luck!

That's it for today, If you like my recommendations, then I encourage you to sign up for my weekly β€œ2-1-1” Friday newsletter

And don't forget to follow me for more killer content in 2021.

Sign up πŸ‘‡

2-1-1 Friday Newsletter

Top comments (4)

Collapse
 
markokoh profile image
Mark Okoh

Nice list of ideas. Sometimes hard to think of stuff to build.

Collapse
 
tyaga001 profile image
Ankur Tyagi

Thanks Mark

Collapse
 
ash_bergs profile image
Ash

Love the purist approach - all the most meaningful learning based projects I've done have been in pure JS, CSS, etc. Getting all the smoke and mirrors out of the way is key! Great post.

Collapse
 
tyaga001 profile image
Ankur Tyagi

Thank You.