Here you can see list of 15 web applications which you can build in a month in order to learn fundamentals of react.js, Node.js and MongoDb in depth
Each project has it's own repository in which you can find starter code for a project and a sample solution.
List of projects:
-
User Id Card Generator
Learnings:
DOM manipulation using Javascript -
Clicker App
Learnings:
How to use hooks in react.js -
Digital Clock
Learnings:
How to use useEffect hook in react.js and setInterval method in Javascript. -
Scrollable User Feed
Learnings:
How to make API calls and updated DOM from API response using useEffect hook. -
Image gallery
Learnings:
How to use useEffect hook in react.js and how to make API calls in client side
How to build image gallery using react.js -
Quote Generation Backend
Learnings:
How to use express framework, make database connections and generate APIs -
Quotes Generation Frontend
Learnings:
How to use make use of useEffect hook -
Website Navbar
Learnings:
How to use make use of react-router for navigation -
Login authentication backend
Learnings:
Build APIs to allow user to login and register for an app and get session token -
Login forms
Learnings:
Learn how to authenticate a user in frontend and use a session token for handling private routes -
Information about Crypto Currency
Learnings:
Learn how to create a table and populate a table from JSON data -
Jobs Portal
Learnings:
Learn how to send data to node server and get data in return -
Video Player
Learnings:
Learn how to use video tag, play youtube videos and react player usage. -
Charts Data
Learnings:
Learn how to build charts and visualisations in react.js -
Online Dev Portfolio
Learnings:
Learn how build your own developer portfolio