10th Anniversary Sale Use code GRAND10 for extra 10% off

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

person icon Moath Zayadneh


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

updated on icon Updated on Jun, 2024

language icon Language - English

person icon Moath Zayadneh

English [CC]

category icon MongoDB,Web Development

Lectures -65

Duration -4 hours



30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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.


  • 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


  • A basic understanding of HTML and JavaScript (including ES2015)
Build a To-Do List App with Node, Express, React and MongoDB


Check out the detailed breakdown of what’s inside the course

Promotional Video
1 Lectures
  • play icon Promotional Video 01:30 01:30
Environment Setup
4 Lectures
Learn React (Crash Course)
27 Lectures
Creating the Front-End
18 Lectures
Creating the Back-End
9 Lectures
Binding the Front-End with the Back-End
6 Lectures

Instructor Details

Moath Zayadneh

Moath Zayadneh

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us