MERN Stack Course 2022 - MongoDB, Express, React & NodeJS

Focused View

Ewomazino Akpareva

26:07:44

256 View

1. Introduction

1. Introduction and Course Requirement.mp4

02:57

2. Environment Setup.mp4

02:04

3. What is MERN Stack.mp4

10:47

2. Some NodeJS Basics

1. Node Basics.mp4

08:21

2. Modules.mp4

09:31

3. Core Modules.mp4

03:20

4. Create a NodeJS Server.mp4

08:40

5. Create Routes in NodeJS.mp4

08:50

6. Create an Express Server and Route.mp4

12:04

7. Continously monitor server with Nodemon.mp4

08:39

8. HTTP Request Methods and Status Codes.mp4

08:41

3. Express Basics - Task Manager App

1. Task Manager - Demo.mp4

02:05

2. Project Setup.mp4

04:13

3. Create Express Server.mp4

07:45

4. Create start script with nodemon.mp4

02:50

5. Setup Postman and Insomia for API testing.mp4

07:23

6. Setup MongoDB.mp4

11:02

7. Connect To MongoDB - Method 1.mp4

11:49

8. Refactor the connection sequence.mp4

03:11

9. Connect To MongoDB - Method 2.mp4

05:07

10. Create Task Model and Schema.mp4

08:06

11. Create a Task Route.mp4

06:33

12. Middleware.mp4

07:03

13. Save Task to database.mp4

10:58

14. Get All Tasks.mp4

06:08

15. Create Task Route.mp4

06:11

16. Create Task Controller.mp4

08:06

17. Get a Single Task.mp4

11:39

18. Delete a Task.mp4

08:36

19. Update a Task - PUT.mp4

11:48

20. Update a Task - PATCH.mp4

02:13

21. Refactor out Routes.mp4

08:45

4. React Frontend - Task Manager App

1. React App Setup.mp4

08:46

2. Create Script to run backend and frontend.mp4

03:30

3. Create all Components.mp4

06:11

4. Task Manager JSX.mp4

10:53

5. Add Task to DB.mp4

19:47

6. Set Proxy URL.mp4

06:20

7. Get Tasks from DB.mp4

13:53

8. Display tasks on the page.mp4

02:29

9. Delete a Task.mp4

04:38

10. Update Task Part 1.mp4

12:06

11. Update Task Part 2.mp4

05:18

12. Set task to completed.mp4

07:08

13. Get task count.mp4

06:22

5. Deployment - Render and Heroku

1. Deploy - Push app to GitHub.mp4

13:17

2. Deploy Frontend To Render.mp4

08:41

3. Deploy Backend To Render.mp4

06:18

4. Before you deploy to Heroku.mp4

03:23

5. Preparing our App for deployment.mp4

08:33

6. Deploying our app to Heroku.mp4

14:16

6. Inventory Management App - Demo and Setup

1. Pinvent App - Demo.mp4

17:21

2. Planning the Project.mp4

04:20

3. Project Setup.mp4

05:53

7. Inventory Management App - Backend

1. Create Server and Connect MongoDB.mp4

14:15

2. Create Folders and Home Route.mp4

12:03

3. Create User Model.mp4

15:14

4. Create User Route.mp4

05:25

5. Create User Controller.mp4

05:03

6. Create Custom Error Handler.mp4

13:10

7. Register New User.mp4

19:37

8. Encrypt Password - Method 1.mp4

09:28

9. Encrypt Password - Method 2.mp4

09:11

10. Generate JSON Web Token.mp4

10:41

11. Send Token With HTTP-Only cookie.mp4

10:39

12. Create Login Route.mp4

03:49

13. Create Login Controller Function.mp4

12:42

14. Logout User.mp4

06:35

15. Create User Profile Route.mp4

05:34

16. Create Protect MiddleWare and UserProfile Controller.mp4

13:08

17. Create Route to Get Login Status.mp4

04:10

18. Create Login Status Controller Function.mp4

03:14

19. Create Route to Update User.mp4

04:41

20. Create Update User Controller Function.mp4

11:01

21. Create Route to Change Password.mp4

03:42

22. Create Controller Function to Change Password.mp4

08:59

23. Reset Password Process.mp4

04:48

24. Create Forgot Password Route.mp4

03:53

25. Create Token Model.mp4

06:03

26. Create send Email Function.mp4

15:18

27. Forgot Password Controller Function - Part 1.mp4

11:28

28. Forgot Password Controller Function - Part 2.mp4

10:28

29. Forgot Password Controller Function - Part 3.mp4

15:01

30. Email not delivered.mp4

02:49

31. Create Reset Password Route.mp4

03:53

32. Create Reset Password Controller.mp4

12:28

33. Create Product Model.mp4

08:14

34. Create Product Route.mp4

06:59

35. Create Product Controller.mp4

09:46

36. Set up Multer file upload.mp4

14:00

37. Upload Image With Multer.mp4

13:23

38. Save product to cloudinary.mp4

09:15

39. Get all Products - Route and Controller.mp4

06:08

40. Get single Product - Route and Controller.mp4

07:21

41. Delete a Product - Route and Controller.mp4

06:21

42. Update Product - Route and Controller.mp4

17:16

43. Update Product - Bug Fix.mp4

04:06

44. Contact Us Route.mp4

07:01

45. Contact Us Controller.mp4

09:04

8. Inventory Management App - Frontend

1. Create React App.mp4

04:47

2. Set up Redux.mp4

10:40

3. Set up Routing.mp4

06:13

4. Home Page.mp4

19:46

5. Create Auth Pages and Routes.mp4

05:59

6. Create Card Component.mp4

05:06

7. Login Page JSX.mp4

09:00

8. Register Page JSX.mp4

03:55

9. Forgot Passord Page JSX.mp4

03:31

10. Reset Passord Page JSX.mp4

03:00

11. Header, Footer and Layout Component JSX.mp4

07:52

12. Dashboard Initial Setup.mp4

10:45

13. Get The Sidebar Code.mp4

01:52

14. Sidebar Component - Part 1.mp4

15:41

15. Sidebar Component - Part 2.mp4

30:18

16. Navigate to Home Page from Dashboard.mp4

02:27

17. Set up auth slice.mp4

13:34

18. Set up auth service and Register User function.mp4

17:24

19. Register User - Part 1.mp4

09:49

20. Register User - Part 2.mp4

14:15

21. Register User - Part 3.mp4

03:46

22. Create Loader Component.mp4

09:16

23. Create Login User function.mp4

02:56

24. Login User.mp4

10:54

25. Logout User.mp4

05:40

26. Display name of user.mp4

02:25

27. Forgot Password.mp4

10:09

28. Create Reset Password function.mp4

02:58

29. Reset Password.mp4

14:03

30. Hide or Show Nav Menu.mp4

09:43

31. Get Login Status.mp4

08:39

32. Redirect Logged out users.mp4

11:51

33. Create productSlice.mp4

07:03

34. Create Product Function Redux.mp4

19:41

35. Create Add Product Component.mp4

28:51

36. Create Add Product Route.mp4

01:20

37. Create Product Form and Test.mp4

27:28

38. Create Get all Products Function Redux.mp4

07:04

39. Get All Products.mp4

13:50

40. Display Products on dashboard.mp4

22:00

41. Search Component JSX.mp4

06:43

42. Search Function in Redux.mp4

13:22

43. Product List Pagination.mp4

12:28

44. Product Summary JSX.mp4

14:58

45. Calculate Total Store Value.mp4

13:26

46. Calculate Out Of Stock Products.mp4

08:54

47. Calculate all Categories.mp4

05:45

48. Create Delete Function Redux.mp4

06:53

49. Delete Product.mp4

13:53

50. Create Get Single Product Function Redux.mp4

05:29

51. Create Product Detail Route.mp4

05:50

52. Create Product Details Component.mp4

34:31

53. Create Update Product Function Redux.mp4

07:46

54. Create Edit Product Route.mp4

02:51

55. Create Edit Product Component.mp4

26:35

56. Create Get User Profile Function.mp4

03:14

57. Create Profile Component and Route.mp4

02:15

58. Profile Component Logic.mp4

10:14

59. Profile Component Logic JSX.mp4

08:13

60. Edit Profile - Part 1.mp4

22:24

61. Edit Profile - Part 2.mp4

27:44

62. Edit Profile Component.mp4

20:38

63. Change Password Component.mp4

16:09

64. Testing Our App.mp4

06:55

65. Deploy To GitHub.mp4

06:17

66. Deploy Frontend To Vercel.mp4

05:26

67. Deploy Backend To Render.mp4

11:08

Description

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

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

Who is this for?

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

What You Need to Know?

Students should know HTML, CSS & JavaScript before taking this course

Students should know ReactJS before taking this course

More details

Description
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.

Who this course is for:
Students who know ReactJS and want to learn Fullstack development using the MERN stack.

User Reviews

Rating

average 0

Total votes0

Focused display

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...

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.