Apps to build as a front-end developer
Create and store your notes for a later purpose! You can use local Storage to save notes.
The classic To-Do application where a user can write down all the things he wants to accomplish.
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.
- User can enter a search query into an input field
- User can submit the query. This will call an API that will return an array of books with the corresponding data (Title, Author, Published Date, Picture, etc)
- User can see the list of books appearing on the page
You can use the Google Books API - https://developers.google.com/books/docs/overview
Create or re-write your own blog using technlogy which you want to learn.
Build complex animations as you want. This idea is useful to learn css animations.
Useful links and resources
Example - React Calculator
You can use themealdb API for getting recipes data.
Website - https://trello.com/
Trello is the project/tasks managment software build for Teams or individuals. Trello contains boards, lists, card and many more.
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.
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.
Thanks!MIT © Mohan Dere.