Ulimate Fullstack Template Course – Web Development Courses

About Course

Are you tired of starting from scratch every time you embark on a new fullstack project? Welcome to the “Ultimate Fullstack Template Course,” where we empower you with the skills to build a game-changing solution!

In this comprehensive course, you’ll dive headfirst into the world of MERN (MongoDB, Express, React, Node.js) stack development and learn how to create a reusable template that will turbocharge your workflow. Whether you’re a seasoned developer or just starting out, our expert-led instruction will take you from beginner to fullstack pro.

Unlock the potential to:

Save Time and Effort: Say goodbye to repetitive setup and configuration. Our course equips you with the tools to jumpstart your projects with ease.
Build Efficiently: Master the art of crafting well-structured and scalable fullstack applications, ensuring your projects are not only robust but also maintainable.
Stay Updated: We’ll teach you the latest best practices and keep you ahead of the curve in the ever-evolving world of web development.
Enhance Your Portfolio: Impress potential employers and clients by showcasing your ability to create professional, customizable templates.

Don’t miss this opportunity to become a fullstack powerhouse. Enroll now and transform your development journey with the “Ultimate Fullstack Template Course.” Your future projects will thank you. Start today and accelerate your coding career!

FREE React Template Course : https://olink.to/9XP5G

Course Content

Introduction and Setup

1. Project Demo

07:29
2. Introduction and Course Requirements

05:15
3. Project Setup

07:36
4. Firebase setup

10:15

Frontend Authentication

Backend Authentication

8. Firebase setup – backend

07:03
9. Setup server

10:06
10. Setup User model, route and controller

12:36
11. Setup insomnia and test api

03:37
12. Create Error Handler

04:33
13. Create firebase middleware to decode token

07:29
Draft Lesson14. Test decode token middleware

05:07
15. Login with Google – Part 1

15:17
16. Login with Google – Part 2

07:03
17. Create Gmail App for sending email

02:31
18. Create sendEmail function

10:21
19. Send welcome email to new user

12:46
20. Logout user – Route and Controller

05:47
21. Check Login Status – Route and Controller

06:20
22. Create Auth Middleware

09:54
23. Get User – Route and Controller

03:31
24. Get All Users – Route and Controller

06:58
25. Update User – Route and Controller

07:26
26. Update Photo – Route and Controller

04:54
27. Delete User – Route and Controller

03:51
28. Change User Role – Route and Controller

08:10

Sync Authentication

29. Login with Google – Redux Logic

14:55
30. Login with Google – Component Logic

11:24
31. Get Login Status- Redux Logic

03:47
32. Get Login Status- Component Logic

07:35
33. Create custom hook – useRedirectUser

11:20
34. Logout User- Redux Logic

02:58
35. Logout User – Component Logic

05:06
36. Selectively Display Links

08:02
Draft Lesson37. Get User Profile – Redux Logic

02:48
38. Get User Profile – Component Logic

07:49
39. Update User Profile – Redux Logic

300:09
40. Update User Profile – Component Logic

04:28
41. Update Photo – Redux Logic

03:23
42. Create Cloudinary account

02:17
43. Update Photo – JSX

12:47
44. Update Photo – Component Logic

10:39
45. Display UserName on the Header

09:08

Admin Functions

46. Create UserList Component and Route

04:40
47. Hide Admin Link and Pages from non-admin users

07:22
48. Get all Users – Redux Logic

02:57
49. Get all Users – Component Logic

17:07
50. Delete User – Redux Logic

02:54
51. Delete User – Component Logic

07:22
52. Change User Role – Redux Logic

02:57
53. Change User Role – Component Logic

13:57
54. Search Component – JSX

02:21
55. Search Users – Redux Logic

10:24
56. Add Pagination to User List

07:27
57. Create Info Box Component

06:40
58. Display Users Stats

08:45
59. Restrict Suspended User

05:45
Draft Lesson60. Landing Page – JSX

04:29

Deploy App

Student Ratings & Reviews

No Review Yet

About Course

What Will You Learn?

Course Content

Introduction and Setup

1. Project Demo

2. Introduction and Course Requirements

3. Project Setup

4. Firebase setup

Frontend Authentication

5. Login with Google

6. Send Login Link to User

7. Sign in with Login Link

Backend Authentication

8. Firebase setup – backend

9. Setup server

10. Setup User model, route and controller

11. Setup insomnia and test api

12. Create Error Handler

13. Create firebase middleware to decode token

Draft Lesson14. Test decode token middleware

15. Login with Google – Part 1

16. Login with Google – Part 2

17. Create Gmail App for sending email

18. Create sendEmail function

19. Send welcome email to new user

20. Logout user – Route and Controller

21. Check Login Status – Route and Controller

22. Create Auth Middleware

23. Get User – Route and Controller

24. Get All Users – Route and Controller

25. Update User – Route and Controller

26. Update Photo – Route and Controller

27. Delete User – Route and Controller

28. Change User Role – Route and Controller

Sync Authentication

29. Login with Google – Redux Logic

30. Login with Google – Component Logic

31. Get Login Status- Redux Logic

32. Get Login Status- Component Logic

33. Create custom hook – useRedirectUser

34. Logout User- Redux Logic

35. Logout User – Component Logic

36. Selectively Display Links

Draft Lesson37. Get User Profile – Redux Logic

38. Get User Profile – Component Logic

39. Update User Profile – Redux Logic

40. Update User Profile – Component Logic

41. Update Photo – Redux Logic

42. Create Cloudinary account

43. Update Photo – JSX

44. Update Photo – Component Logic

45. Display UserName on the Header

Admin Functions

46. Create UserList Component and Route

47. Hide Admin Link and Pages from non-admin users

48. Get all Users – Redux Logic

49. Get all Users – Component Logic

50. Delete User – Redux Logic

51. Delete User – Component Logic

52. Change User Role – Redux Logic

53. Change User Role – Component Logic

54. Search Component – JSX

55. Search Users – Redux Logic

56. Add Pagination to User List

57. Create Info Box Component

58. Display Users Stats

59. Restrict Suspended User

Draft Lesson60. Landing Page – JSX

Deploy App

61. Push code to Github

62. Deploy Frontend to Render

63. Deploy Backend to Render

64. Conclusion. What Next!!!

Student Ratings & Reviews