Mern Stack Typescript Ecommerce Docker Rtkquery & Deploy

Mern Stack Typescript Ecommerce Docker Rtkquery & Deploy
Published 7/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 12.54 GB | Duration: 17h 0m

React-18, node js-20 Role based automatic redirect Tailwind css and RTK Query

What you'll learn

MERN stack (Full Stack) Typescript (node js and React js) RTK query Docker Compose E-commer Applicaton from scratch with deployment

Fullstack lifecycle and best practice.

Dockerize you app and run your app from single docker Compose file

Global state management by RTK Query

Typescript in both end. with node js and react js

Role and Token based authentication and authorization

Tailwind css + React-18 + node js-20

All modern technologies are under one roof

Docker and Docker compose

Role based atuhorization and authentication

Requirements

Basic jаvascript+ES-6 syntax and React js + node js along with basic Redux

Description

Mastering Full-Stack Development with MERN, TypeScript, Redux Toollkit (Rtk Query) and Docker with React js 18.Unlock the potential of full-stack development with our comprehensive course on the MERN stack (MongoDB, Express.js, React.js, Node.js), enhanced with TypeScript and Docker. Designed for developers looking to build robust, scalable e-commerce applications from scratch, this course covers the latest tools and best practices in the industry.Key Features:MERN Stack Mastery: Dive deep into MongoDB, Express.js, React.js (React 18), and Node.js (Node.js 20) to build dynamic and responsive web applications.TypeScript Integration: Learn how to implement TypeScript in both frontend and backend, improving code quality and maintainability.E-Commerce Application: Build a full-fledged e-commerce application from scratch, covering everything from user authentication to payment integration.Docker & Docker Compose: Dockerize your applications and manage them efficiently with Docker Compose, ensuring seamless deployment and scalability.Role-Based Redirection: Implement role-based automatic redirection to enhance user experience and security.Tailwind CSS: Utilize Tailwind CSS to create modern, responsive, and visually appealing interfaces.RTK Query & State Management: Master global state management with RTK Query, including caching strategies and efficient data fetching.Deployment: Deploy your application with confidence using best practices for a smooth and reliable launch.What You Will Learn:Building and managing full-stack applications with the MERN stackIntegrating TypeScript for type-safe development in Node.js and React.jsImplementing role-based access control and automatic redirectionCreating and styling responsive UIs with Tailwind CSSManaging global state and caching with RTK QueryDockerizing applications and using Docker Compose for orchestrationBest practices for deploying and maintaining scalable applicationsJoin us and become proficient in full-stack development with the latest technologies and industry standards. Whether you're a beginner or an experienced developer, this course will equip you with the skills and knowledge to excel in your career.Enroll Now and Start Your Journey to Full-Stack Mastery!

Overview

Section 1: Introduction

Lecture 1 Intro about the app what we are making and technology used

Lecture 2 How to practice and gitub repo

Section 2: Node js typescript initial Setup and Register user process-Backend

Lecture 3 Get our hands dirty by node js typescript initial setup

Lecture 4 Mongodb Connection with node js

Lecture 5 Mongodb connection string and error handler middleware

Lecture 6 User Registration routes and controller and postman

Lecture 7 User Model and schema

Lecture 8 Creating First user through postman and saved in the mongod db with hashed pass

Section 3: Login and User Management-Backend

Lecture 9 Login routes and controllers and testing by postman

Lecture 10 User Management- search, block, unblock and role management

Section 4: Role based Auth, SingleUser, deleteUser, updateUser- Backend

Lecture 11 isAdmin, requireSignin Middleware

Lecture 12 Get Single User

Lecture 13 Delete User

Lecture 14 Update User

Section 5: Product Management (CRUD)-Backend

Lecture 15 Create all routes for products

Lecture 16 Multer for product Upload and product schema

Lecture 17 Create Product Controller

Lecture 18 Create First Product By Postman

Lecture 19 GetLatestProduct, GetAllCategories, GetAllProducts, Get SingleProduct controller

Lecture 20 Test by postman above routes

Lecture 21 Update Product

Lecture 22 Product Update testing by postman and explanation

Lecture 23 Delete Product

Lecture 24 Shopping Page Backend Functionality with search Filter

Section 6: Order Management(CRUD)-Backend

Lecture 25 Create all necessary routes for order controller

Lecture 26 Order Schema

Lecture 27 Create New Order Controller

Lecture 28 Create Order By postman

Lecture 29 MyOrder, AllOrders, SingleOrder controller

Lecture 30 Test the above order controllers by postman

Lecture 31 Delete Order

Section 7: Coupon and Payment Mangement-Backend

Lecture 32 Coupon Schema

Lecture 33 All Coupon Controller

Lecture 34 Testing Coupon by Postman

Lecture 35 Stripe Integration and payment intent backend

Lecture 36 Create Payment Intent

Section 8: Frontend Initialization And menu

Lecture 37 Frontend initialization

Lecture 38 Creating bare minimum menu

Section 9: Redux Toolkit/RTK Query setup

Lecture 39 Redux toolkit setup

Lecture 40 Redux userAPI setup

Lecture 41 Adding apis and reducers to store

Section 10: Creating Login Registration Page and Routing by React Router Dom-6

Lecture 42 Routing by react router dom

Lecture 43 Login and Registration static page

Lecture 44 Login Functionality with react toaster

Lecture 45 Login Error Handling and solving CORS Error

Lecture 46 Register User Functionality

Section 11: User Role Management-Admin User-Admin Dashboard, Regular user & Dashboard

Lecture 47 Private & Protected Routes

Lecture 48 Loading Page if not logged in or admin

Lecture 49 Dashboard for Regular and Admin user and their Routing

Lecture 50 Automatic redirecting Admin or User Dashboard Based on the role

Lecture 51 User and Admin dashboard structure

Lecture 52 Let's make user and admin dashboard dynamic

Section 12: Products handling-Frontend

Lecture 53 Creating products form and table to show product data

Lecture 54 Creating Product Functionality

Lecture 55 Showing Products in Table

Lecture 56 Login Persistency

Lecture 57 Html structure for single product

Lecture 58 Single Product update and Delete

Lecture 59 Explanation of the previous lecture

Section 13: Home and Shop page

Lecture 60 Home Page Design

Lecture 61 Shop page html and tailwind css structure

Lecture 62 Shop Page Functionality

Section 14: Cart Page and Functionality

Lecture 63 CartReducer

Lecture 64 Cart Reducer and Add to cart functionality

Lecture 65 Cart page explantion

Lecture 66 CartPage Html structure

Lecture 67 Cart Page Functionality

Section 15: Shipping Page and Functionality

Lecture 68 Shipping Page Explanation

Lecture 69 Shipping Page Html structure

Lecture 70 Shipping Page Functionality

Section 16: Checkout Page and functionality

Lecture 71 Checkout Page explanation

Lecture 72 Checkout page functionality

Section 17: Order Page and Order Management

Lecture 73 User Order history page

Lecture 74 User order html structure

Lecture 75 User Order history functionality

Lecture 76 Admin Ordre Management Explanation

Lecture 77 All Orders Management

Lecture 78 Single Order Explanation

Lecture 79 Single Order Management Html

Lecture 80 Single Order Processing And Delete

Lecture 81 Single Order Code Explanation

Section 18: User Management

Lecture 82 User Management Explanaton

Lecture 83 User Management Html Structure

Lecture 84 All user management Functionality

Lecture 85 Update Single User Backend code

Lecture 86 Single User Html structure

Lecture 87 Single User Functionality

Section 19: Rtk query cash validation for instant update and Docker compose

Lecture 88 RTK Query cash revalidation for instant update

Lecture 89 Docker Compose

Section 20: Deployment

Lecture 90 How to deploy in Render (backend) and Netlify (Frontend) free

This is a job landing course. Who wish to build his career as a Full Stack software developer (MERN) Stack.),Beginner to intermediate Learner who wants be pro