7 Vanilla JS Projects to Practice

An Assignment for a Frontend Developer is generally the round taken before the actual interview. The candidate is judged on his coding skills, whether he is using best practices, approach to the problem, and completeness of the solution in the given time frame.

I will discuss 7 projects one can practice to be confident with Vanilla JS. These would make you quite confident before appearing in an interview. I am sure you have learnt best practices in my previous post

1. Todo App

It can’t get simpler than this. Perfect app to start with. Don’t forget to persist state. Comprehensive Guide

2. Event scheduler ( like Google Calendar )

Create a calendar interface similar to google calendar. One may be able to change the view from day, week to months. User should be able to add, remove the event.

3. Tasks management app like JIRA, Trello

Comprehensive Guide

Learn how dragDrop events work here

4. Tic Tac Toe game You definitely know what is this. Everyone has played it in back of their notebooks.

Youtube

Codepen

5. Image search engine using open GIPHY API

Problem statement: Using the following API, display the GIFs based on user’s search result just Goggle images shows up.

API end point: https://developers.giphy.com/branch/master/docs/api/endpoint/

One should implement debounce, pagination, maybe infinite scroll! You’re free to fancy whatever you like. This has lot of scope to learn.

6. n-th level Commenting Widget like Facebook

Problem statement: Build a nested comment widget system like the one in Facebook, Twitter. User could reply, like, unlike, delete, edit a comment upto any level. Demo: https://bootsnipp.com/snippets/ZkexO

7. Rock, Paper & Scissor game

Good implementation to learn many things like how to build an UI, manage scores, persist them, have players. Maybe login them and keep track of their performances.

Youtube

Feel free to discuss any of the above problems. Thanks, happy to help!