Implementing Calls to the API

Full Stack Mern Project with React, NodeJS, MongoDB, Express

Intro to Full Stack Mern with React js, nodejs, express Course

Let’s Start to Mern Full Stack Project with React, Express js, Nodejs, Mongodb

Initial Setups for React, nodejs, express js, mongodb

Backend Setup (5:42)
Frontend Setup (4:27)
General Setup (body parser & cors) (2:25)
Database Setup (MongoDB) (2:26)
How to connect to Database (5:44)
quiz

Creating Routes and Controllers on Server

Setup Client Side and Redux in React, Express js, Mongodb

Creating Front-end Structure (2:38)
Implementing Material UI Components (8:51)
Styling Component with Material UI (5:58)
Implementing Calls to the API (1:37)
Initializing Redux (3:15)
Building Reducers (5:00)
Wiring Up the Provider (1:27)
Dispatch with Hooks (2:10)
Creating Action Creators (2:54)
Async Actions with redux-thunk in React JS, Express JS, Mongodb (4:42)
Fetching the data from global store (useSelector) (2:24)
quiz

Handling Forms in React js, Express, Mongodb, Nodejs

Building Form Component (3:29)
Handling Change on Forms (4:13)
Adding Multiple TextFields (1:14)
File Input (2:37)
Handling Form Submit (2:51)
quiz

Building Posts and Post Components in Mern Full Stack Projects

Creating a Post (7:26)
Creating Posts Component (3:47)
Creating Post Component (12:12)
Index CSS (1:33)
quiz

Handling Functionalities (Edit, Delete, Like)

Update Functionality (Backend) (5:18)
Update Functionality (Front end) (7:43)
Like Functionality (Front-end) (4:10)
Creating Update Action (3:47)
Populate Form Fields with Values (8:53)
Delete Functionality (Backend) (2:25)
Delete Functionality (Frontend) (5:54)
Like Functionality (Backend) (4:04)
quiz

Some Enhancements im Mern Stack Project with React js, express js

Authentication with JSON Web Token

Authentication - Frontend

Navbar Component 1 (5:39)
Navbar Component 2 (7:44)
Implementing Front-end Router 1 (4:57)
Implementing Front-end Router 2 (4:02)
Implementing Registration (9:06)
Implementing Registration 2 (Input component) (9:07)
Auth Form (12:42)
Registration with JSON Web Token (15:05)
quiz

Authentication - Backend

JWT Auth Backend (7:29)
JWT Auth Backend 2 (15:13)
Authentication Middleware (9:53)
Refactoring Like Controller for liking a post for just one time (6:27)
quiz

JSON Web Token

JWT Login Frontend (21:50)
Axios Intercepters (7:43)
Refactoring Post From (6:16)
Disable Like Post for Unauthenticated User (6:38)
Disable Delete and Edit Post for Unauthenticated User (2:57)
Token Expiry (5:24)

Deployment

Lesson content locked

If you're already enrolled, you'll need to login.