Mern Stack Typescript Ecommerce Docker Rtkquery & Deploy

Free Download 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

Homepage

https://www.udemy.com/course/mern-stack-typescript-ecommerce-docker-deploy-rtkquery/

No Password - Links are Interchangeable

Вернуться назад

Навигация

Рекомендуем

Статистика

Mern Stack Typescript Ecommerce Docker Rtkquery & Deploy

Коментарии

Рекомендуем

Популярное