Build a To-Do List App with Node, Express, React and MongoDB

Learn React, Express and MongoDB while building a fun to-do list app

React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Companies large and small hire engineers who understand React, and salaries for engineers are high all the time. So, it’s a great time to learn React! This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge.

What you’ll learn

  • The basics of React and React Hooks.
  • Integrate React with Express and MongoDB.
  • How to build your own React apps.
  • How to deploy your React apps.
  • How to handle forms in React.

Course Content

  • Promotional Video –> 1 lecture • 2min.
  • Environment Setup –> 4 lectures • 8min.
  • Learn React (Crash Course) –> 27 lectures • 1hr 49min.
  • Creating the Front-End –> 18 lectures • 1hr 4min.
  • Creating the Back-End –> 9 lectures • 37min.
  • Binding the Front-End with the Back-End –> 6 lectures • 26min.

Build a To-Do List App with Node, Express, React and MongoDB

Requirements

  • A basic understanding of HTML and JavaScript (including ES2015).

React is the most popular JavaScript library of the last five years, and the job market is still hotter than ever. Companies large and small hire engineers who understand React, and salaries for engineers are high all the time. So, it’s a great time to learn React! This course starts with zero knowledge assumed! All you need is basic web development and JavaScript knowledge.

 

In this course, you’ll start with the basics of React and React Hooks and then expand your knowledge by building a fun to-do list app, both the front-end and the back-end, which puts you in a state of learning in a practical way.

 

After finishing React and React Hooks, you’ll start with building the front-end of the app, you’ll style your app by using a third-party CSS library, build components for your app and imitate the behavior of the back-end. After finishing the front-end, you’ll begin with developing your back-end where you’ll create the database, develop routes in the back-end and finally integrate it with the front-end.

 

What’s in this course?

  • An introduction to React.
  • How React works, building components with React and building UIs with React.
  • Components, props and dynamic data binding.
  • Working with user events and state to create interactive applications.
  • A look behind the scenes to understand how React works under the hood.
  • A good explanation on how to work with lists and conditional content.
  • An introduction to React Hooks.
  • How to debug React apps.
  • Class-Based components and function components.
  • Sending HTTP requests and handling transitional states and responses.
  • Handling forms and user input.
  • Integrate React with MongoDB and Express.
  • Develop a back-end separately and integrate it with React.
  • Create your databases with MongoDB.