MERN Stack For Beginners – Web Development Courses

About Course

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

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

Course Content

1. Express Basics – Task Manager App

12. Task Manager – Demo (Copy 1)

02:06
13. Project Setup (Copy 1)

04:14
14. Create Express Server (Copy 1)

07:45
15. Create start script with nodemon (Copy 1)

02:51
16. Setup Postman and Insomia for API testing (Copy 1)

07:24
17. Setup MongoDB (Copy 1)

11:03
18. Connect To MongoDB – Method 1 (Copy 1)

11:50
19. Refactor the connection sequence (Copy 1)

03:12
20. Connect To MongoDB – Method 2 (Copy 1)

05:08
21. Create Task Model and Schema (Copy 1)

08:07
22. Create a Task Route (Copy 1)

06:34
23. Middleware (Copy 1)

07:04
24. Save Task to database (Copy 1)

10:59
25. Get All Tasks (Copy 1)

06:09
26. Create Task Route (Copy 1)

06:12
27. Create Task Controller (Copy 1)

08:07
28. Get a Single Task (Copy 1)

11:40
29. Delete a Task (Copy 1)

08:37
30. Update a Task – PUT (Copy 1)

11:49
31. Update a Task – PATCH (Copy 1)

02:14
32. Refactor out Routes (Copy 1)

08:46

2. React Frontend – Task Manager App

33. React App Setup (Copy 1)

03:31
34. Create Script to run backend and frontend (Copy 1)

06:12
35. Create all Components (Copy 1)

10:54
36. Task Manager JSX (Copy 1)

19:48
37. Add Task to DB (Copy 1)

06:21
38. Set Proxy URL (Copy 1)

13:54
39. Get Tasks from DB (Copy 1)

02:30
40. Display tasks on the page (Copy 1)

04:40
41. Delete a Task (Copy 1)

12:07
42. Update Task Part 1 (Copy 1)

05:20
43. Update Task Part 2 (Copy 1)

07:09
44. Set task to completed (Copy 1)

06:23
45. Get task count (Copy 1)

13:18

3. Deployment – Render and Heroku

Student Ratings & Reviews

No Review Yet

About Course

What Will You Learn?

Course Content

1. Express Basics – Task Manager App

12. Task Manager – Demo (Copy 1)

13. Project Setup (Copy 1)

14. Create Express Server (Copy 1)

15. Create start script with nodemon (Copy 1)

16. Setup Postman and Insomia for API testing (Copy 1)

17. Setup MongoDB (Copy 1)

18. Connect To MongoDB – Method 1 (Copy 1)

19. Refactor the connection sequence (Copy 1)

20. Connect To MongoDB – Method 2 (Copy 1)

21. Create Task Model and Schema (Copy 1)

22. Create a Task Route (Copy 1)

23. Middleware (Copy 1)

24. Save Task to database (Copy 1)

25. Get All Tasks (Copy 1)

26. Create Task Route (Copy 1)

27. Create Task Controller (Copy 1)

28. Get a Single Task (Copy 1)

29. Delete a Task (Copy 1)

30. Update a Task – PUT (Copy 1)

31. Update a Task – PATCH (Copy 1)

32. Refactor out Routes (Copy 1)

2. React Frontend – Task Manager App

33. React App Setup (Copy 1)

34. Create Script to run backend and frontend (Copy 1)

35. Create all Components (Copy 1)

36. Task Manager JSX (Copy 1)

37. Add Task to DB (Copy 1)

38. Set Proxy URL (Copy 1)

39. Get Tasks from DB (Copy 1)

40. Display tasks on the page (Copy 1)

41. Delete a Task (Copy 1)

42. Update Task Part 1 (Copy 1)

43. Update Task Part 2 (Copy 1)

44. Set task to completed (Copy 1)

45. Get task count (Copy 1)

3. Deployment – Render and Heroku

46. Deploy – Push app to GitHub (Copy 1)

47. Deploy Frontend To Render (Copy 1)

48. Deploy Backend To Render (Copy 1)

49. Before you deploy to Heroku (Copy 1)

50. Preparing our App for deployment (Copy 1)

51. Deploying our app to Heroku (Copy 1)

What Next?

Student Ratings & Reviews