HOME > Development > MERN Stack Bootcamp 2023 MongoDB, Express, React NodeJS

MERN Stack Bootcamp 2023 MongoDB, Express, React NodeJS

  • Development
  • Nov 25, 2024
SynopsisMERN Stack Bootcamp 2023 – MongoDB, Express, React &...
MERN Stack Bootcamp 2023 MongoDB, Express, React NodeJS  No.1

MERN Stack Bootcamp 2023 – MongoDB, Express, React & NodeJS, available at $64.99, has an average rating of 4.35, with 167 lectures, based on 200 reviews, and has 831 subscribers.

You will learn about Learn how to build Fullstack apps from scratch Learn how to implement JWT authentication – User Registration, Login, Password Reset Learn how to store data in MongoDB Learn how to send automated email Learn how to upload images in MERN stack and save to cloudinary State management with Redux Toolkit Deploy app to both Heroku and Render This course is ideal for individuals who are Students who know ReactJS and want to learn Fullstack development using the MERN stack. It is particularly useful for Students who know ReactJS and want to learn Fullstack development using the MERN stack.

Enroll now: MERN Stack Bootcamp 2023 – MongoDB, Express, React & NodeJS

Summary

Title: MERN Stack Bootcamp 2023 – MongoDB, Express, React & NodeJS

Price: $64.99

Average Rating: 4.35

Number of Lectures: 167

Number of Published Lectures: 167

Number of Curriculum Items: 167

Number of Published Curriculum Objects: 167

Original Price: $99.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn how to build Fullstack apps from scratch
  • Learn how to implement JWT authentication – User Registration, Login, Password Reset
  • Learn how to store data in MongoDB
  • Learn how to send automated email
  • Learn how to upload images in MERN stack and save to cloudinary
  • State management with Redux Toolkit
  • Deploy app to both Heroku and Render
  • Who Should Attend

  • Students who know ReactJS and want to learn Fullstack development using the MERN stack.
  • Target Audiences

  • Students who know ReactJS and want to learn Fullstack development using the MERN stack.
  • Welcome To The MERN Stack Course

    MERN stands for MongoDB, Express.js, React.js and Node.js – and combined, these four technologies allow you to build amazing web applications.

    During this course we will:

  • Learn some NodeJS basics

  • Build API endpoints with Express

  • Build authentication with JSON Web  Token including User Registration, Login and Password Reset

  • Upload image with multer and save to Cloudinary

  • Protect routes to only be accessed by logged-in users

  • Build Frontend pages with React and SCSS

  • Setup Routing with React Router V6

  • Setup MongoDB

  • Complete CRUD functionality

  • Implement pagination on the front-end

  • Connect frontend to backend using Axios

  • Manage state with Redux Toolkit

  • Build a dashboard for product management

  • Utilize “express-async-handler” package

  • Setup error handling in Express

  • Hash passwords

  • Build a user profile page

  • Build a contact us page

  • Edit user profile from the frontend

  • Deploy the app to Heroku and Render

  • What are the requirements for taking this course?

    1. Knowledge of HTML, CSS and JavaScript

    2. Knowledge of React

    3. NO Prior Knowledge of NodeJS and Express is required.

    Who this course is for?

  • Developers who got basic React knowledge and want to build a full stack app with the MERN stack from scratch.

  • NOTE:

    This is not an introduction to React course, you are expected to know React before taking this course. However, I try to explain the ReactJS concepts used in every section.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction and Course Requirement

    Lecture 2: Environment Setup

    Lecture 3: What is MERN Stack

    Chapter 2: Some NodeJS Basics

    Lecture 1: Node Basics

    Lecture 2: Modules

    Lecture 3: Core Modules

    Lecture 4: Create a NodeJS Server

    Lecture 5: Create Routes in NodeJS

    Lecture 6: Create an Express Server and Route

    Lecture 7: Continously monitor server with Nodemon

    Lecture 8: HTTP Request Methods and Status Codes

    Chapter 3: Express Basics – Task Manager App

    Lecture 1: Task Manager – Demo

    Lecture 2: Project Setup

    Lecture 3: Create Express Server

    Lecture 4: Create start script with nodemon

    Lecture 5: Setup Postman and Insomia for API testing

    Lecture 6: Setup MongoDB

    Lecture 7: Connect To MongoDB – Method 1

    Lecture 8: Refactor the connection sequence

    Lecture 9: Connect To MongoDB – Method 2

    Lecture 10: Create Task Model and Schema

    Lecture 11: Create a Task Route

    Lecture 12: Middleware

    Lecture 13: Save Task to database

    Lecture 14: Get All Tasks

    Lecture 15: Create Task Route

    Lecture 16: Create Task Controller

    Lecture 17: Get a Single Task

    Lecture 18: Delete a Task

    Lecture 19: Update a Task – PUT

    Lecture 20: Update a Task – PATCH

    Lecture 21: Refactor out Routes

    Chapter 4: React Frontend – Task Manager App

    Lecture 1: React App Setup

    Lecture 2: Create Script to run backend and frontend

    Lecture 3: Create all Components

    Lecture 4: Task Manager JSX

    Lecture 5: Add Task to DB

    Lecture 6: Set Proxy URL

    Lecture 7: Get Tasks from DB

    Lecture 8: Display tasks on the page

    Lecture 9: Delete a Task

    Lecture 10: Update Task Part 1

    Lecture 11: Update Task Part 2

    Lecture 12: Set task to completed

    Lecture 13: Get task count

    Chapter 5: Deployment – Render and Heroku

    Lecture 1: Deploy – Push app to GitHub

    Lecture 2: Deploy Frontend To Render

    Lecture 3: Deploy Backend To Render

    Lecture 4: Before you deploy to Heroku

    Lecture 5: Preparing our App for deployment

    Lecture 6: Deploying our app to Heroku

    Chapter 6: Inventory Management App – Demo and Setup

    Lecture 1: Pinvent App – Demo

    Lecture 2: Planning the Project

    Lecture 3: Project Setup

    Chapter 7: Inventory Management App – Backend

    Lecture 1: Create Server and Connect MongoDB

    Lecture 2: Create Folders and Home Route

    Lecture 3: Create User Model

    Lecture 4: Create User Route

    Lecture 5: Create User Controller

    Lecture 6: Create Custom Error Handler

    Lecture 7: Register New User

    Lecture 8: Encrypt Password – Method 1

    Lecture 9: Encrypt Password – Method 2

    Lecture 10: Generate JSON Web Token

    Lecture 11: Send Token With HTTP-Only cookie

    Lecture 12: Create Login Route

    Lecture 13: Create Login Controller Function

    Lecture 14: Login Controller Bug Fix

    Lecture 15: Logout User

    Lecture 16: Create User Profile Route

    Lecture 17: Create Protect MiddleWare and UserProfile Controller

    Lecture 18: Create Route to Get Login Status

    Lecture 19: Create Login Status Controller Function

    Lecture 20: Create Route to Update User

    Lecture 21: Create Update User Controller Function

    Lecture 22: Create Route to Change Password

    Lecture 23: Create Controller Function to Change Password

    Lecture 24: Reset Password Process

    Lecture 25: Create Forgot Password Route

    Lecture 26: Create Token Model

    Lecture 27: Create send Email Function

    Lecture 28: Forgot Password Controller Function – Part 1

    Lecture 29: Forgot Password Controller Function – Part 2

    Lecture 30: Forgot Password Controller Function – Part 3

    Lecture 31: Email not delivered

    Lecture 32: Create Reset Password Route

    Lecture 33: Create Reset Password Controller

    Lecture 34: Create Product Model

    Lecture 35: Create Product Route

    Lecture 36: Create Product Controller

    Lecture 37: Set up Multer file upload

    Lecture 38: Upload Image With Multer

    Lecture 39: Save product to cloudinary

    Instructors

  • MERN Stack Bootcamp 2023 MongoDB, Express, React NodeJS  No.2
    Ewomazino Akpareva
    Web Developer
  • Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 6 votes
  • 3 stars: 8 votes
  • 4 stars: 66 votes
  • 5 stars: 117 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!