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

Course Curriculum

Chapter 1: Promotional Video

Lecture 1: Promotional Video

Chapter 2: Environment Setup

Lecture 1: Installing Node

Lecture 2: Installing React

Lecture 3: Installing MongoDB Locally

Lecture 4: Installing ExpressJS and Mongoose

Chapter 3: Learn React (Crash Course)

Lecture 1: What is JSX?

Lecture 2: Writing Our First App

Lecture 3: Components #1

Lecture 4: Components #2

Lecture 5: Writing Components

Lecture 6: Understanding Our App Structure

Lecture 7: Props

Lecture 8: Lifecycle Methods

Lecture 9: State #1

Lecture 10: State #2

Lecture 11: Seconds Counter App

Lecture 12: Handling Forms

Lecture 13: Controlled Components

Lecture 14: The Hooks System

Lecture 15: The useState() Hook

Lecture 16: The useEffect() Hook

Lecture 17: Refactoring the Seconds Counter App

Lecture 18: The Return Statement Inside of useEffect()

Lecture 19: Function vs. Class Components

Lecture 20: Making Requests Inside of React

Lecture 21: The Article Searcher App

Lecture 22: Sending Ruquests

Lecture 23: Displaying the Results

Lecture 24: The dangerouslySetInnerHTML Prop

Lecture 25: The key Prop

Lecture 26: Deployment with Vercel

Lecture 27: Alternative Method

Chapter 4: Creating the Front-End

Lecture 1: Thinking About the Front-End

Lecture 2: Using Semantic UI

Lecture 3: Creating the Form #1

Lecture 4: Creating the Form #2

Lecture 5: Turning the Input into a Controlled Component

Lecture 6: Creating Sections

Lecture 7: Creating the To-Do List

Lecture 8: Editing the To-Do Items

Lecture 9: Styling the Input and Listening for Key Codes

Lecture 10: Auto Focusing the Input and Making it a Controlled Component

Lecture 11: Fixing the ESC Key

Lecture 12: Checking To-Do Items

Lecture 13: Simulating Our Back-End

Lecture 14: Fixing Some Problems

Lecture 15: Adding To-Do Items

Lecture 16: Emptying the Input and Form Validation

Lecture 17: Removing To-Do Items

Lecture 18: Writing the Logic of removeTodo()

Chapter 5: Creating the Back-End

Lecture 1: Building our Back-End Structure

Lecture 2: Connecting to Our Database and Creating a Model

Lecture 3: Fetching Data from Our Database

Lecture 4: Solving the Warning Messages

Lecture 5: Creating More Routes

Lecture 6: Inserting & Deleting Records

Lecture 7: Following RESTful Conventions

Lecture 8: Creating the PUT Method

Lecture 9: Responding to Requests

Chapter 6: Binding the Front-End with the Back-End

Lecture 1: Paving the Way for Binding

Lecture 2: Making Requests from Our Front-End

Lecture 3: Solving the CORS Issue

Lecture 4: Creating To-Do Items from Our Front-End

Lecture 5: Deleting To-Do Items from Our Front-End

Lecture 6: Editing To-Do Items from Our Front-End