Apps to build as a front-end developer

web
Back

Basic/Intermediate level

1. Notes taking app

Create and store your notes for a later purpose! You can use local Storage to save notes.

Links -

2. Todo app

The classic To-Do application where a user can write down all the things he wants to accomplish.

3. Book Finder App

Create an application that will allow users to search for books by entering a query (Title, Author, etc). Display the resulting books in a list on the page with all the corresponding data.

You can use the Google Books API - https://developers.google.com/books/docs/overview

4. Your own Blog

Create or re-write your own blog using technlogy which you want to learn.

5. Web page aminations

Build complex animations as you want. This idea is useful to learn css animations.

Useful links and resources

6. Calculator

Example - React Calculator

7. Recipe app

You can use themealdb API for getting recipes data.

8. Typing practice online

Advanced level

1. Trello

Website - https://trello.com/

Trello is the project/tasks managment software build for Teams or individuals. Trello contains boards, lists, card and many more.

2. Twitter Lite

Website - https://mobile.twitter.com/home

The Twitter Lite Progressive Web App combines the best of the modern web and native features. Twitter developed Twitter Lite to deliver a more robust experience, with explicit goals for instant loading, user engagement and lower data consumption.

Think of Twitter's feed as Virtual large lists of tweets. With React, we can use libraries like react-window to efficiently render large lists.

3. Reddit

Website - https://www.reddit.com/

Reddit is broken up into over a million communities known as “subreddits,” each covering a different topic. The homepage (or “front page”) shows you various posts that are currently trending on the site, pulled from a variety of subreddits.

4. Instagram

5. Netflix/Hotstar

6. Skype messenger

7. Flipkart Lite

8. CMS admin dashboard like WordPress

Thanks!

MIT © Mohan Dere.
-