MERN Invoice Web App with Docker,NGINX and ReduxToolkit

Focused View

Alpha Omondi Ogilo

24:35:58

146 View

1. Introduction

1. Introduction.mp4

01:19

2. Lecture 2 Course Requirements.mp4

01:17

3. Lecture 3 What you are getting yourself into - Demo.mp4

18:53

4. Lecture 4 Project Resources Links.html

2. Project Setup

1. Create Working Directory and setup Github.mp4

02:53

2. Project Initialization.mp4

13:01

3. Very Brief Intro to Insomnia

1. Intro to Insomnia.mp4

04:18

4. Configure Nodejs with Docker

1. Dockerfile Config.mp4

08:59

2. Docker Compose Config.mp4

17:26

3. Building Backend Docker Containers.mp4

06:58

5. Makefiles

1. How to setup and use Makefiles.mp4

05:57

6. Logging in NodeJS

1. Introduction to Logging.mp4

02:14

2. Logging Setup.mp4

14:07

7. Setup ReduxToolkit

1. Introduction.mp4

07:33

2. Theory of NGINX as a reverse proxyload Balancer(Dont skip please).mp4

03:36

3. NGINX Backend config.mp4

11:02

4. Add client and NGINX to docker compose.mp4

09:29

8. Mongoose Models

1. Mongoose Config.mp4

08:28

2. Mongo Sanitize.mp4

01:45

3. User Model.mp4

20:40

4. Verification Token Model.mp4

04:16

9. Helpers, Middleware,Utilities

1. Helpers.mp4

04:49

2. Middleware.mp4

22:53

3. Email Utilities.mp4

11:09

10. Token Based Authentication

1. What is the difference between access and refresh tokens.mp4

03:40

2. Register and Verify User Emails.mp4

34:50

3. Login User, get Access and Refresh Tokens.mp4

20:06

4. Refresh Token Controller.mp4

14:17

5. Resend Email Verification Tokens.mp4

13:01

6. Reset User Password.mp4

20:01

7. Logout User.mp4

06:42

11. User Profile Controllers

1. Get User Profile Controller.mp4

07:37

2. Update User Profile.mp4

10:06

3. Delete My User Account.mp4

04:34

4. Get All Users - Admin Only.mp4

12:27

5. Delete User Account.mp4

06:30

6. Deactivate User Account.mp4

05:51

12. Setup HomePage and Basic Components

1. Install packages, Setup React Router Dom.mp4

06:15

2. Common Components Part 1.mp4

20:44

3. Common Components Part 2.mp4

12:24

4. Setup HomePage and custom theme.mp4

23:40

13. Register and Verify User

1. Create Auth and Register API Slice.mp4

16:57

2. Password Strength Indicator.mp4

07:08

3. Register Form Part 1.mp4

16:34

4. Register Form Part 2.mp4

21:30

5. Register Form Part 3.mp4

07:50

6. AuthWrapper.mp4

01:40

7. Register Page.mp4

14:04

8. Verification Page.mp4

13:01

14. Login & Logout User

1. Login AuthSlice and Service.mp4

09:47

2. Login Form.mp4

16:09

3. Login Page.mp4

14:58

4. LogoutUser API Slice.mp4

06:27

5. Auth Nav.mp4

11:18

6. Profile Info.mp4

23:26

7. Logo.mp4

04:35

8. MenuList.mp4

17:40

15. Resend Email Verification and Password Reset

1. Resend Email Verification Link.mp4

18:50

2. Password Reset Service.mp4

02:02

3. Password Reset Pages.mp4

21:52

16. Protected Routes

1. Auth Required.mp4

05:00

2. Dummy Dashboard and Users List Page.mp4

11:06

3. Re-Authentication with Refresh Token.mp4

14:48

4. UsersList Page.mp4

32:46

17. Google Authentication

1. Passport Install and Configuration.mp4

10:06

2. Register App on Google.mp4

06:48

3. Google ControllersRoutes.mp4

13:49

4. useAuthUser Hook.mp4

09:28

18. Customer and Document Model

1. Customer & Document Model.mp4

17:13

2. Create & Update Customer Controllers.mp4

11:19

3. Delete & Get All Customers Controllers.mp4

25:14

4. Create & Update Documents.mp4

09:02

5. Get & Delete Document controller.mp4

18:49

19. Cloudinary for Image upload

1. Install and setup Multer.mp4

09:03

2. Cloudinary Config.mp4

14:00

20. User Profile Frontend

1. User Profile API Slice.mp4

08:49

2. Profile Page.mp4

29:15

3. Edit Profile Page Form.mp4

34:41

4. UsersList Page.mp4

09:52

21. Customers Frontend

1. CRUD CustomersApiSlice.mp4

07:32

2. Customers Page.mp4

22:52

3. Customer Create Form.mp4

21:12

4. Customer Edit Form.mp4

21:12

5. Single Customer Page.mp4

21:00

22. Generate PDF(Backend)

1. Custom PhantomJS Image.mp4

07:11

2. Create Email Template.mp4

12:14

3. Create PDF Template.mp4

36:25

4. Generate pdf controller.mp4

09:02

5. Create Payment controller.mp4

07:28

23. Documents (Frontend)

1. Documents Api Slice.mp4

06:06

2. Documents Components.mp4

17:22

3. Global Documents Components.mp4

06:24

4. Documents Page.mp4

23:47

5. Document Create Edit Form Part 1.mp4

23:15

6. Document Create Edit Form Part 2.mp4

26:22

7. Document Create Edit Form Part 3.mp4

33:33

8. Payment Form.mp4

15:41

9. Single Doc Page Part 1.mp4

19:50

10. Single Doc Page Part 2.mp4

40:03

24. Dashboard

1. Payment History.mp4

08:02

2. Dashboard Page.mp4

28:47

25. Deployment

1. Intro to IaaS,PaaS and Dbaas.mp4

02:19

2. Digital Ocean Droplet.mp4

09:36

3. Mailgun Config.mp4

11:16

4. Client Production Config.mp4

01:53

5. MongoDB Atlas Config.mp4

04:33

6. Server Config.mp4

13:08

7. NGINX Proxy Manager Setup.mp4

14:53

8. Portainer Setup.mp4

11:03

9. Project Setup.mp4

11:57

10. Bash Deployment.mp4

17:17

Description

Build a functional MERN Project with Docker,React and ReduxToolkit,NGINX,Express and more.....

What You'll Learn?

Modern Redux with ReduxToolkit and ReduxToolkit Query
Running multiple Docker containers using Docker Compose
Load balancing and reverse proxying using NGINX within a Docker Container
Token based authentication with reuse detection and refresh token rotation
Social Authentication with Google
Custom Logging in NodeJS with Morgan and Winston
Email sending with Mailhog for development and Mailgun for production
How to setup and use Cloudinary for Image upload
How to serve a MERN web app securely using HTTPS and SSL
Ubuntu server config for production
How to setup and use Portainer to manage containers in a production environment
How to setup and user NGINX proxy manager within a production environment

Who is this for?

This course is NOT for absolute beginners. It is aimed at those with at least 1 year of relevant FullStack Javascript experience. Having prior exposure to the MERN Stack will be advantageous.

More details

Description
Hi, welcome to this course on building a functional fullstack MERN app, that can be used for generating invoices, quotations and receipts.
We shall build this app, step by step, by leveraging tools and technologies such as Docker, NGINX, NGINX Proxy manager, Makefiles,Portainer, shell scripts, MongoDB, Express, ReduxToolkit and Redux Toolkit query, also called RTK-Query.
You will also learn how to serve your application on a custom domain name, and serve it securely over HTTPS with SSL Certificates from letsencrypt.
This course is NOT for absolute beginners. It is aimed at those with at least 1 year of relevant Fullstack Javascript experience. Having prior exposure to the MERN Stack will be advantageous.
This app was built by one person(myself), so of course, none of us is perfect. You might discover bugs here and there , or see ways of improving the codebase. Kindly, if you are able to fix any bugs you come across,or see ways of improving the codebase, please raise a PR on the repo.
I will review and merge in the changes for the benefit of all the other learners of this course.
Who am I? I am Alpha Ogilo, a self-taught full-stack software developer, currently working as a Senior Software Engineering Manager.
My Hope is that you shall gain immense value from this.

Who this course is for:
This course is NOT for absolute beginners. It is aimed at those with at least 1 year of relevant FullStack Javascript experience. Having prior exposure to the MERN Stack will be advantageous.

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I am Alpha Ogilo, a self taught FullStack Software engineer with a passion for mentorship and teaching of computer programming principles. I have a liking for Python and JavaScript and its frameworks. Docker is also one of my favourite tools. In the future plan to learn many more technologies/tools and share what I have learnt.I currently work Full-time as a Senior Software Engineering Manager and in my free time also started creating youtube tutorials

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.