Course Information
Course Overview
Build Full Stack React Application from Scratch with MongoDB, Express, React and NodeJS in this project based course.
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?
Knowledge of HTML, CSS and JavaScript
Knowledge of React
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 Content
- 8 section(s)
- 167 lecture(s)
- Section 1 Introduction
- Section 2 Some NodeJS Basics
- Section 3 Express Basics - Task Manager App
- Section 4 React Frontend - Task Manager App
- Section 5 Deployment - Render and Heroku
- Section 6 Inventory Management App - Demo and Setup
- Section 7 Inventory Management App - Backend
- Section 8 Inventory Management App - Frontend
What You’ll 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
Reviews
-
BBala A
Great teacher, I have already completed his Ecommerce React Course in Udemy. Thank you sir....
-
AANDRES LOPEZ DIAZ
So good course but I expected this course have more explanation about redux.
-
BBoris Labianca
The instructor did a great job. It was very clear and very enjoyable too. The only thing I regret is that we were relying on pre-made scss file for style and since we didn't work on them, we can't really customize the front. It would have been perfect if we had worked on the scss files. But I think it was a great course overall.
-
RRobinson Muñetón Jaramillo
It was a perfect course, I learned a lot from a stack mern, thank you very much for sharing so much knowledge...