MMZ Academy

Installing NodeJS

Installing ReactJS

Installing MongoDB Locally

Installing ExpressJS & Mongoose

What is JSX?

Writing Our First App

Components #1

Components #2

Writing Components

Understanding Our App Structure

Props

Lifecycle Methods

State #1

State #2

Seconds Counter App

Handling Forms

Controlled Components

The Hooks System

The useState() Hook

The useEffect() Hook

Refactoring the Seconds Counter App

The Return Statement Inside of useEffect()

Functioncal vs. Class Components

Making Requests Inside of React

The Article Searcher App

Sending Ruquests

Displaying the Results

The dangerouslySetInnerHTML Prop

The key Prop

Deployment with Vercel

Alternative Method

Thinking About the Front-End

Using Semantic UI

Creating the Form #1

Creating the Form #2

Turning the Input into a Controlled Component

Creating Sections

Creating the To-Do List

Editing the To-Do Items

Styling the Input and Listening for Key Codes

Auto Focusing the Input and Making it a Controlled Component

Fixing the ESC Key

Checking To-Do Items

Simulating Our Back-End

Fixing Some Problems

Adding To-Do Items

Emptying the Input and Form Validation

Removing To-Do Items

Writing the Logic of removeTodo()

Building our Back-End Structure

Connecting to Our Database and Creating a Model

Fetching Data from Our Database

Solving the Warning Messages

Creating More Routes

Inserting & Deleting Records

Following RESTful Conventions

Creating the PUT Method

Responding to Requests

Paving the Way for Binding

Making Requests from Our Front-End

Solving the CORS Issue

Creating To-Do Items from Our Front-End

Deleting To-Do Items from Our Front-End

Editing To-Do Items from Our Front-End