Building Fullstack E-Commerce App Using Springboot & React

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.