Introduction and Course Requirement

Environment Setup

What is MERN Stack

-- RESOURCES & SOURCE CODE --

Node Basics

Modules

Core Modules

Create a NodeJS Server

Create Routes in NodeJS

Create an Express Server and Route

Continously monitor server with Nodemon

HTTP Request Methods and Status Codes

Untitled article

Task Manager - Demo

Project Setup

Create Express Server

Create start script with nodemon

Setup Postman and Insomia for API testing

Setup MongoDB

Connect To MongoDB - Method 1

Refactor the connection sequence

Connect To MongoDB - Method 2

Create Task Model and Schema

Create a Task Route

Middleware

Save Task to database

Get All Tasks

Create Task Route

Create Task Controller

Get a Single Task

Delete a Task

Update a Task - PUT

Update a Task - PATCH

Refactor out Routes

React App Setup

Create Script to run backend and frontend

Create all Components

Task Manager JSX

Add Task to DB

Set Proxy URL

Get Tasks from DB

Display tasks on the page

Update Task Part 1

Update Task Part 2

Set task to completed

Get task count

Deploy - Push app to GitHub

Deploy Frontend To Render

Deploy Backend To Render

Before you deploy to Heroku

Preparing our App for deployment

Deploying our app to Heroku

Pinvent App - Demo

Planning the Project

Create Server and Connect MongoDB

Create Folders and Home Route

Create User Model

Create User Route

Create User Controller

Create Custom Error Handler

Register New User

Encrypt Password - Method 1

Encrypt Password - Method 2

Generate JSON Web Token

Send Token With HTTP-Only cookie

Create Login Route

Create Login Controller Function

Login Controller Bug Fix

Logout User

Create User Profile Route

Create Protect MiddleWare and UserProfile Controller

Create Route to Get Login Status

Create  Login Status Controller Function

Create  Route to Update User

Create  Update User Controller Function

Create  Route to Change Password

Create  Controller Function to Change Password

Reset Password Process

Create Forgot Password Route

Create Token Model

Create send Email Function

Forgot Password Controller Function - Part 1

Forgot Password Controller Function - Part 2

Forgot Password Controller Function - Part 3

Email not delivered

Create Reset Password Route

Create Reset Password Controller

Create Product Model

Create Product Route

Create Product Controller

Set up Multer file upload

Upload Image With Multer

Save product to cloudinary

Get all Products - Route and Controller

Get single Product - Route and Controller

Delete a  Product - Route and Controller

Update Product - Route and Controller

Update Product - Bug Fix

Build Full Stack React Application from Scratch with MongoDB, Express, React and NodeJS in this project based course.

Welcome to the enriching journey of the MERN Stack course, an engaging avenue where you&#x27;ll embrace the combined might of MongoDB, Express.js, React.js, and Node.js. This course will equip you with the technical prowess to build dynamic web applications.
Starting our exploration with some NodeJS basics, we will progressively move towards constructing API endpoints using Express. This course will guide you on how to establish secure user authentication employing JSON Web Tokens, safeguarding your user registration, login, and password reset features. Our trek doesn&#x27;t stop here; we will also learn how to upload and store images using multer and Cloudinary, only accessible by authenticated users.
As we move forward, you&#x27;ll dive into building responsive frontend pages with React and SCSS. You&#x27;ll get hands-on experience in setting up routing with React Router V6 and MongoDB, transitioning your ability in managing complex information architectures.
By partaking in this course, you&#x27;ll uncover the potentials of having a complete CRUD functionality under your belt--a significant tool used extensively in the worlds of web and app development to create, read, update, and delete database entries. Additionally, implementing pagination on the frontend will elevate your skills in presenting large data sets effectively to users.
One of the pillars of this course is building a product management dashboard, a central hub to spearhead your business operations, emphasizing state management using Redux Toolkit. Furthermore, by linking the frontend and backend using Axios, you reap the eclectic mix of ReactJS&#x27; temperament and Axios&#x27; promise-based HTTP client capabilities to facilitate asynchronous tasks.
Whatever mishaps you may encounter, worry not, as we take you through the nuances of setting up robust error handling in Express. We will also guide you on password hashing methods to ensure the safety and confidentiality of your user&#x27;s data.
Don&#x27;t just stop at building a user profile or a contact us page; learn to modify user profiles from the frontend itself, enriching your user experiences. Finally, we illustrate deploying your app to Heroku and Render, practical knowledge for real-world applications, bringing your creations to life.
To join us on this comprehensive learning journey, all you need is a basic knowledge of HTML, CSS, JavaScript, and React. You need not have prior experience with NodeJS or Express as we&#x27;ll be climbing that hill together. This course is ideal for developers armed with basic React knowledge and are eager to learn how to create a full-stack app using the MERN stack from scratch. Let&#x27;s commence this fulfilling ride together!

Hi, I'm zino.

I'm a web developer who is passionate about teaching and helping people understand the core concepts of web development and other technologies.

I know what it feels like to take a course and still feel a disconnect between what you learnt in the course and what is expected in the real world.

This is why I create practical courses that are based on what is obtainable out there.

Join me in any of my courses and I would be glad to be part of your journey in tech.
Cheers...

Certificate Details

MERN Stack Bootcamp 2024 - MongoDB, Express, React & NodeJS

Course Goals

Ewomazino Akpareva