Building Fullstack E-Commerce App Using Springboot & React
Published 4/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English
| Duration: 17h 19m
Spring into Action: Unleashing E-Commerce Magic with React & SpringBoot
What you'll learn
Developers aspiring to excel in FullStack with SpringBoot and React.
Web developers eager to build robust with SpringBoot and React.
Students looking to kickstart their careers with hands-on experience in FullStack development.
Experienced coders transitioning to FullStack, specializing with SpringBoot and React.
Entrepreneurs seeking to understand the tech behind e-commerce apps built with SpringBoot and React.
Tech enthusiasts exploring the world of FullStack using SpringBoot and React.
Managers and Project leaders aiming to gain insights into FullStack e-commerce app development with SpringBoot and React..
IT professionals wanting to expand their skill set with SpringBoot and React for e-commerce projects.
Innovators excited to create cutting-edge e-commerce solutions with SpringBoot and React..
Anyone with a passion for tech, ready to dive into FullStack using SpringBoot and React.
Requirements
Basic Java, SpringBoot & React Skills
Description
Welcome to "Building FullStack E-Commerce App using SpringBoot & React" - an immersive learning experience meticulously crafted for developers eager to master the art of full-stack e-commerce application development with SpringBoot and React.Embark on a transformative journey where you'll harness the powerful synergy of SpringBoot's robust back-end capabilities and React's dynamic front-end framework. Over the course of 17+ hours, you'll transition from grasping core concepts to applying industry-standard design patterns.Your comprehensive curriculum includes:- Mastery of SpringBoot essentials and advanced features- Efficient data access with Spring Data JPA- Elegant implementation using Specification Pattern- Mapping Via Builder pattern and MapStruct Libraries- Data Integration using MySql & Redis via Docker - Secure user authentication and authorization with Spring Security- Creating RESTful APIs with Spring Boot for seamless data communication- React best practices, including redux, thunk api, and many more- Styling with Material UI, roboto, styled and many more for a polished app.Whether you're an intern, junior developer, senior developer, tech lead, architect, or senior architect, this course offers a tailored path to elevate your expertise. You'll engage in hands-on projects, reinforce your learning with quizzes, and stay updated with yearly content refreshes.Dive into 15 comprehensive sections, spanning over 206+ videos, all geared towards a pragmatic and thorough understanding of full-stack e-commerce development. Plus, enjoy lifetime access to all course materials and future updates.Who Should Enroll?- Interns: Build a solid foundation for a tech career by applying academic knowledge to real-world projects.- Junior Developers: Upgrade your skill set with advanced full-stack e-commerce development practices.- Senior Developers: Lead the way in e-commerce application development.- Tech Leads: Direct cutting-edge projects with confidence, leveraging SpringBoot and React.- Architects: Incorporate insights into your design strategies for innovative, scalable e-commerce solutions.- Senior Architects: Pioneer the integration of robust architecture, leading high-impact projects with expertise.Course Stats: What You'll Get- Fast-Track Your Learning: Dive into a meticulously crafted course designed for maximum engagement and superior learning outcomes.- 15 Engaging Sections: Traverse the depths of full-stack e-commerce development, from fundamentals to advanced design patterns and beyond.- 206+ In-Depth Videos: Each video is a stepping stone, providing clear explanations, step-by-step instructions, and real-world applications.- 17+ Hours of Content: Immerse yourself in a comprehensive curriculum that fits your schedule, accessible anytime, anywhere.- Yearly Updates: Stay in sync with the latest trends and best practices in SpringBoot and React as technology evolves.- Lifetime Access: Your one-time enrollment grants you unrestricted access to all current and future course content-forever.This isn't just another course-it's your gateway to pioneering e-commerce applications that are as smart and efficient as they are scalable. The future of e-commerce development begins with your decision to join us. Let's embark on this journey together!
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 Github Strategy
Lecture 3 Solution Walkthrough
Lecture 4 Demo
Section 2: Spring Initializr
Lecture 5 Spring Initializr Introduction
Lecture 6 Spring Initializr
Lecture 7 Setting up Project IDE
Lecture 8 Creating Folder Structure
Lecture 9 Setting up Application
Lecture 10 Seed Data Setup
Lecture 11 Docker Setup
Lecture 12 Visualizing Data using MySQL Workbench
Lecture 13 Creating Brand JPA Entity
Lecture 14 Creating Type Entity
Lecture 15 Creating Product Entity
Lecture 16 Setting up Associations
Section 3: Implementing Repository
Lecture 17 Repository Pattern Introduction
Lecture 18 Github Strategy
Lecture 19 Creating Repositories
Lecture 20 Creating Models
Lecture 21 Creating Services
Lecture 22 Implementing Brand Service
Lecture 23 Implementing Type Service
Lecture 24 Creating Product Service Implementation - 1st Part
Lecture 25 Creating Product Service Implementation - 2nd Part
Lecture 26 Creating Product Controller -1st Part
Lecture 27 Creating Product Controller - 2nd Part
Lecture 28 Demo of APIs
Lecture 29 Adding Swagger Implementation
Section 4: Implementing Specification Pattern
Lecture 30 Specification Pattern Section Introduction
Lecture 31 Creating Pagination Support
Lecture 32 Creating Specifications
Lecture 33 Creating the Brand Specification
Lecture 34 Finishing the other Criterias
Lecture 35 Controller Implementation using Specification Pattern
Lecture 36 Demo
Section 5: Creating React Application
Lecture 37 Introduction to React Application
Lecture 38 About ViteJS
Lecture 39 Creating Client Project Structure
Lecture 40 Running the Application
Lecture 41 Understanding React Folder Structure
Lecture 42 Understanding Code
Lecture 43 State Hook example
Lecture 44 Understanding the State Hook code
Lecture 45 Calling Products API using useEffect hook
Lecture 46 Implementing Cors Config
Lecture 47 Fetching Products using Promise
Lecture 48 Adding a Typescript interface for Product
Lecture 49 Files and Folder Organization
Lecture 50 Fixing the import issue
Section 6: Creating React Component
Lecture 51 Getting Started with React Component
Lecture 52 Creating Catalog Component
Lecture 53 Adding Material UI
Lecture 54 Creating Product List Component
Lecture 55 Creating Product Card Component
Lecture 56 Finishing Product Card and Product List
Lecture 57 Creating AppBar
Lecture 58 Creating ThemeBuilder
Lecture 59 Applying Theme Provider
Lecture 60 Making AppBar Static
Section 7: Implementing React Router
Lecture 61 Getting Started with React Router
Lecture 62 Installing React Router
Lecture 63 Creating Home and Contact Page
Lecture 64 Creating Router
Lecture 65 Creating Product Detail Page and Activating Route
Lecture 66 Creating NavLinks
Lecture 67 Activating NavLinks
Lecture 68 Activating Account Links
Lecture 69 Understanding the NavLink Code
Lecture 70 Updating Product Card
Lecture 71 Loading the Product
Lecture 72 Designing the Product Detail Page
Section 8: Implementing Best Practices
Lecture 73 Introduction to Best Practices
Lecture 74 Centralizing the API Requests using Axios
Lecture 75 Modifying the Catalog and Product Details Page
Lecture 76 Creating NotFound Page
Lecture 77 Creating Server Error
Lecture 78 Implementing Error Interceptors
Lecture 79 Router Changes
Lecture 80 Implementing Toast Notification
Lecture 81 Implementing Custom Error Exception
Lecture 82 Demo of Exception Handler
Lecture 83 Creating Spinner Component
Lecture 84 Implementing Spinner
Section 9: Implementing Basket Functionality - Server Side
Lecture 85 Getting Started with Basket Functionality - Server Side
Lecture 86 Importing Redis Library in Maven
Lecture 87 Creating Basket Class
Lecture 88 Creating Basket Item Class
Lecture 89 Making changes in Application.Yaml file
Lecture 90 Creating Basket Repository
Lecture 91 Creating Basket and BasketItemResponse class
Lecture 92 Creating Basket Service
Lecture 93 Implementing Basket Service Implementation - 1st Part
Lecture 94 Creating BasketResponse Mapping
Lecture 95 Implementing BasketItemResponse Mapping
Lecture 96 Basket Service Implementation - 2nd Part
Lecture 97 Basket Service Implementation - 3rd Part
Lecture 98 Creating Basket Controller - 1st Part
Lecture 99 Creating Basket Controller - 2nd Part
Section 10: Implementing Basket Functionality - Client Side
Lecture 100 Getting Started with Basket Functionality - Client Side
Lecture 101 Creating Basket & Basket Item Type
Lecture 102 Redux Introduction
Lecture 103 Installing Redux Libraries
Lecture 104 Creating the Redux Store
Lecture 105 Creating Basket Slice
Lecture 106 Making Provider changes in Main file
Lecture 107 Creating the Basket Page
Lecture 108 Creating Basket Skeleton
Lecture 109 Creating Basket Service - 1st Part
Lecture 110 Creating Basket Service - 2nd Part
Lecture 111 Implementing Basket Service -3rd Part
Lecture 112 Implementing Increment and Decrement Quantity
Lecture 113 Installing CUID2 Package
Lecture 114 Updating Agent Code
Lecture 115 Exporting Basket Functionality from Agent
Lecture 116 Modifying the Basket Page
Lecture 117 Updating Header with Basket State Changes
Lecture 118 Add To Cart Demo
Section 11: Paging, Sorting, Filtering etc
Lecture 119 Paging, Sorting, Filtering Introduction
Lecture 120 Fetching Types, Brands etc
Lecture 121 Catalog Page Outline
Lecture 122 Implementing Catalog Page State Hooks
Lecture 123 Loading Products, Brands & Types
Lecture 124 Changing Agent List Logic
Lecture 125 Implementing Load Products Method
Lecture 126 Handle Sort Change
Lecture 127 Handle Brand and Type Change
Lecture 128 Wiring up Missing Pieces
Lecture 129 Pagination Implementation - 1st Part
Lecture 130 Fixing the Pagination Issue
Lecture 131 Demo
Section 12: Implementing Spring Security
Lecture 132 Getting Started with Spring Security
Lecture 133 Maven Package Installation
Lecture 134 Spring Security Demo
Lecture 135 Implementing User Detail Service
Lecture 136 User Management Demo
Lecture 137 Implementing AuthenticationEntryPoint
Lecture 138 Implementing JWT Helper
Lecture 139 Implementing Token Generation
Lecture 140 Implementing Token Expiration
Lecture 141 Implementing JWT Authentication Filter
Lecture 142 Implementing Authentication Filter - 2nd Part
Lecture 143 Creating Security Config
Lecture 144 Creating Authentication Manager Bean
Lecture 145 Creating the required Models
Lecture 146 Creating Authentication Controller
Lecture 147 Creating Authentication Controller - 2nd Part
Lecture 148 Spring Security Demo
Section 13: Integrating Spring Security Client Side
Lecture 149 Implementing Spring Security At Client Side
Lecture 150 User Model Creation
Lecture 151 Updating Account changes in Agent
Lecture 152 Creating Account Feature
Lecture 153 Updating the Routes
Lecture 154 Creating Login Page
Lecture 155 Fixing the Login Page Issue
Lecture 156 Wiring up Registration Form
Lecture 157 Understanding Registration Flow
Lecture 158 Installing React Hook Form
Lecture 159 Using React Hook Form in SignIn Page
Lecture 160 Overview of Thunk API
Lecture 161 Creating Account Slice
Lecture 162 Implementing Fetch User and Logout Method in Account Slice
Lecture 163 Finishing the Account Slice Action
Lecture 164 Finishing the Login Page
Lecture 165 Creating a Dropdown Menu for SignedIn User
Lecture 166 Finishing the Login Page - 2nd Part
Lecture 167 Fetching Basket from Local Storage
Lecture 168 Persisting Basket and Login on Page Refresh
Section 14: Creating Orders
Lecture 169 Orders Section Introduction
Lecture 170 Creating Embeddable Entity Shipping Address
Lecture 171 Creating Embeddable Product Item Ordered Table
Lecture 172 Creating Entity Order Status
Lecture 173 Creating Order Item Entity
Lecture 174 Creating Order Entity
Lecture 175 Creating DTOs
Lecture 176 Installing MapStruct Package
Lecture 177 Creating Order Repository
Lecture 178 Creating Order Service
Lecture 179 Creating Order Mapper
Lecture 180 Creating Order Mapper Configuration
Lecture 181 Creating Order Service Implementation
Lecture 182 Creating Order Service Implementation - 2nd Part
Lecture 183 Creating Order Service Implementation - 3rd Part
Lecture 184 Creating Order Service Implementation - 4th part
Lecture 185 Creating Orders Controller
Lecture 186 Creating Orders Controller - 2nd Part
Lecture 187 Swagger Demo
Section 15: Creating Checkout Feature
Lecture 188 Getting Started with Checkout Section
Lecture 189 Updating Cart Quantity
Lecture 190 Creating Basket Summary Page
Lecture 191 Creating Checkout Page
Lecture 192 Securing Checkout Page
Lecture 193 Installing Yup Schema Builder
Lecture 194 Creating Validation Rules Schema
Lecture 195 Creating the Address Form
Lecture 196 Creating the Payment Form
Lecture 197 Creating the Review Page
Lecture 198 Wiring up Checkout Page
Lecture 199 Installing Yup Resolver
Lecture 200 Wiring Up Checkout Page - 2nd
Lecture 201 Creating Orders Method in Agent
Lecture 202 Finishing the logic for Order Creation
Lecture 203 Finishing the Checkout Page
Lecture 204 Order Creation Demo
Lecture 205 Demo of Orders Page
Section 16: Thank You
Lecture 206 Thank You
Developers: Master FullStack development with SpringBoot and React to build dynamic web applications,Web Developers: Expand your expertise by integrating SpringBoot and React for modern web development.,Students and Graduates: Kickstart your career with hands-on FullStack skills in SpringBoot and React..,Experienced Coders: Transition to FullStack specialization with SpringBoot and React.,Tech Entrepreneurs: Understand the tech behind e-commerce with SpringBoot and React for informed business decisions.,Tech Enthusiasts: Explore FullStack magic using SpringBoot and React for personal or professional projects.,Tech Enthusiasts: Explore FullStack magic using SpringBoot and React for personal or professional projects.,IT Professionals: Expand your skill set with SpringBoot and React for competitive advantage.,Innovators: Create cutting-edge web apps with SpringBoot and React to bring your ideas to life.,Curious Learners: Explore SpringBoot and React to satisfy your curiosity and personal growth.
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Free search engine download: Building FullStack ECommerce App using SpringBoot React