Build and deploy a complete secured eCommerce application to AWS with payment processing gateway.

What you'll learn

Learn how to develop Java Full Stack applications

Learn how to work work with React

Learn how to work with Redux Toolkit

Learn how to work with Spring Projects

Learn how to deploy Java full stack applications to AWS

Learn how to integrate Stripe payment gateway to Spring Boot / React application

Requirements

Basic knowledge of Java programming Language

Basic knowledge of jаvascript

Be familiar with HTML

Be familiar with CSS

Description

This course offers an in-depth exploration of full-stack development using Java, React, Redux Toolkit, Stripe, and AWS. Designed for aspiring developers, it equips students with the skills to create modern web applications that are both functional and user-friendly.Participants will learn to build a robust backend using Java and Spring Boot, focusing on developing RESTful APIs for seamless data handling and integration. This foundational knowledge will enable students to understand how to connect the frontend and backend of applications effectively.The course emphasizes frontend development with React, where students will explore component-based architecture, allowing for the creation of dynamic user interfaces. They will also learn to manage application states efficiently using the Redux Toolkit, ensuring a smooth user experience.In addition to these core topics, students will integrate secure payment processing through Stripe, enabling them to implement e-commerce functionality within their applications. The course will also cover deploying applications on AWS and introducing essential cloud services that enhance scalability and reliability.By the end of the course, participants will have a solid understanding of full-stack development, empowering them to design, implement, and deploy comprehensive web solutions in a professional setting. Whether you're looking to enhance your skill set or start a career in tech, this course provides the foundational knowledge and practical experience needed to succeed. Join us to unlock your potential in the rapidly evolving tech landscape!

Overview

Section 1: Introduction

Lecture 1 Introduction to the course

Lecture 2 A quick overview of the Spring Framework

Section 2: Spring Boot Crash Course

Lecture 3 A look at the Spring Boot Project

Lecture 4 Development Environment Setup

Lecture 5 Generate the new Spring Boot Project

Lecture 6 Getting started with the demo project

Lecture 7 Spring Boot Starter Dependencies Overview

Lecture 8 Understanding REST APIs

Lecture 9 Spring Annotations

Lecture 10 Most Commonly Used Spring Boot Annotations

Lecture 11 Creating the first spring boot controller part one

Lecture 12 Creating the first spring boot controller part two

Lecture 13 Spring Boot REST APIs best practices

Lecture 14 Generating the address boot project

Lecture 15 Create the entity class

Lecture 16 Run the project

Lecture 17 Create the service class and interface

Lecture 18 Implementing the service class

Lecture 19 Create the controller

Lecture 20 Testing the project with Postman

Lecture 21 Wrap up

Section 3: React Crash Course

Lecture 22 Introduction to React

Lecture 23 Setting up React Development Environment

Lecture 24 Create our first React App

Lecture 25 Explore React app folders

Lecture 26 Understanding JSX

Lecture 27 Understanding React Component State

Lecture 28 Understanding React Hooks

Lecture 29 Understanding React Components

Lecture 30 Event Handling in React

Lecture 31 Working with List and Keys in React

Lecture 32 Conditional Rendering of Elements

Lecture 33 Styling React Components

Lecture 34 Creating a simple TODO app

Lecture 35 Set up the TODO component state

Lecture 36 Add TODO

Lecture 37 Delete TODO

Lecture 38 Edit TODO

Lecture 39 Mark TODO as completed

Lecture 40 Implementing the todo form

Lecture 41 Styling the TODO component

Lecture 42 Wrap up

Section 4: Final project BE - Project Entity Modelling.

Lecture 43 A quick project demo

Lecture 44 Users use cases

Lecture 45 Development environment check

Lecture 46 Product ERD overview

Lecture 47 Generate the project

Lecture 48 Create the product entities and relationships

Lecture 49 Implementing the entity classes

Lecture 50 initial project start up

Lecture 51 User ERD overview

Lecture 52 Implementing the user ER

Lecture 53 Project schema structure revisit

Lecture 54 Implementing the cart ER

Lecture 55 Implementing the order ER

Lecture 56 A quick look at the final database schema

Section 5: Final project BE - Product Service Implementation

Lecture 57 Working with the project service layer

Lecture 58 Implementing the product service layer-1

Lecture 59 A closer look at the find by name method

Lecture 60 Implementing the add product method

Lecture 61 Implementing the update product method

Lecture 62 Implementing the delete product method

Section 6: Final project BE - Category Service Implementation

Lecture 63 Create the category service class and interface

Lecture 64 Implementing the category services

Section 7: Final project BE - The Product Image Service Implementation

Lecture 65 Create the Image service class and interface

Lecture 66 Implementing the image services

Section 8: Final project BE - Working with the controllers part 1

Lecture 67 A quick overview of the DTO and ResponseEntity class

Lecture 68 Creating the initial controllers

Lecture 69 Implementing the category controller

Lecture 70 Assignment 1

Lecture 71 Implementing the image controller

Lecture 72 Assignment 2

Lecture 73 Implementing the product controller part 1

Lecture 74 Implementing the product controller part 2

Lecture 75 Assignment 3

Lecture 76 Testing the product API with Postman

Section 9: Final project BE - Exception Handling in Spring Boot

Lecture 77 Spring Boot Exception handling overview

Lecture 78 Global exception handling

Lecture 79 More on exception handling

Lecture 80 Assignment 4

Section 10: Final project BE - Implementing the user service and controller

Lecture 81 Create the user service

Lecture 82 Implementing the user service

Lecture 83 Implementing the user controller

Lecture 84 Assignment 5

Section 11: Final project BE - Implementing the cart services

Lecture 85 Create the cart item service

Lecture 86 Add item to cart

Lecture 87 Remove item from cart

Lecture 88 Update cart item

Lecture 89 Implementing the cart service

Lecture 90 Implementing the cartItem controller

Lecture 91 Implementing the cart controller

Section 12: Final project BE - Implementing the order service

Lecture 92 Create the order service

Lecture 93 Create the order controller

Lecture 94 Testing the project with Postman

Lecture 95 Assignment 6

Lecture 96 Assignment 7

Lecture 97 Assignment 8

Section 13: Final project BE - Spring Security and Jwt Integration

Lecture 98 Spring Security Overview

Lecture 99 JWT and the Refresh Token Overview

Lecture 100 Refresh Token Overview

Lecture 101 Implementing user security classes

Lecture 102 Implementing the JWT services

Lecture 103 Implementing the refresh token cookie util class

Lecture 104 Implementing the authentication controller

Lecture 105 Implementing the security config class

Lecture 106 Testing the security API - 1

Lecture 107 Testing the security API - 2

Lecture 108 JWT filters exception handling and testing

Section 14: Final Project Frontend

Lecture 109 Frontend Development Environment Check

Lecture 110 A quick overview of the redux toolkit

Lecture 111 Generate new a react project

Lecture 112 Exploring the project files and folders

Lecture 113 Cleaning up the project files

Lecture 114 Setting up the redux store

Lecture 115 Setting up the project layout components

Section 15: The Shop Home Page

Lecture 116 Create the home and navbar component

Lecture 117 Create the footer component

Lecture 118 Create the hero component

Lecture 119 Create the search component

Lecture 120 Create the pagination and the home product card

Lecture 121 Create the product image component

Lecture 122 Get distinct products for the home page - BE services

Lecture 123 Get distinct products for the home page - FE services

Lecture 124 Implementing the home page filter part 1

Lecture 125 Implementing the home page filter part 2

Lecture 126 Implementing the category slice

Lecture 127 Implementing the category filter

Lecture 128 Implementing the clear filter

Section 16: The Shop All Product Page

Lecture 129 Create the all products component

Lecture 130 Implementing the product slice

Lecture 131 Cleaning up the search bar with redux toolkit

Lecture 132 Cleaning up the pagination component with redux toolkit

Lecture 133 Implementing the side bar component

Lecture 134 Implementing the side bar filter

Lecture 135 Implementing url search query filter

Lecture 136 Assignment 9

Lecture 137 Project clean up

Section 17: The product details page

Lecture 138 Create the product details component

Lecture 139 Getting the product

Lecture 140 Implement the image zooming component

Lecture 141 Implement the product quantity updater component

Lecture 142 managing the product quantity updater in redux

Lecture 143 The footer category link - 1

Lecture 144 The footer category link - 2

Lecture 145 The footer category link - 3

Lecture 146 Assignment 10

Lecture 147 Solution

Section 18: The cart component

Lecture 148 Creating the cart slice 1

Lecture 149 Creating the cart slice 2

Lecture 150 Creating the cart component 1

Lecture 151 Creating the cart component 2

Lecture 152 The cart item quantity updater

Lecture 153 The cart item quantity updater 2

Lecture 154 Remove cart item

Lecture 155 Cart clean up

Lecture 156 Assignment 11

Lecture 157 wrap up

Section 19: The order component.

Lecture 158 Implementing the order slice

Lecture 159 Implementing the fetch user order

Lecture 160 Assignment 12

Lecture 161 Project clean up

Lecture 162 Project clean up cont..

Lecture 163 Wrap up

Section 20: The add product component

Lecture 164 Add product component overview

Lecture 165 Creating the brand selector component

Lecture 166 Assignment 13

Lecture 167 Implementing the add product component

Lecture 168 Implementing the add product component - 2

Lecture 169 Testing the add product component

Lecture 170 Implementing the image uploader component

Lecture 171 Implementing the image uploader component

Lecture 172 Implementing the image uploader component

Lecture 173 Testing the image uploader component

Lecture 174 Wrap up

Section 21: The product update component

Lecture 175 Create the product update component

Lecture 176 Create the product update component 2

Lecture 177 Fetching the product images

Lecture 178 Testing the product update component

Lecture 179 Implementing the image update component 1

Lecture 180 Implementing the image update component 2

Lecture 181 Implementing the image update component 3

Lecture 182 Testing the image update

Lecture 183 Delete product image

Lecture 184 Add product image

Lecture 185 Deleting product

Lecture 186 Project cleaning up

Section 22: The user registration component

Lecture 187 Create the user address API - BE

Lecture 188 Create the user address services - BE

Lecture 189 Implementing the user address services - BE

Lecture 190 Assignment 14

Lecture 191 Address integration with user service - BE

Lecture 192 Testing the user address API with Postman

Lecture 193 Implementing the user slice - FE

Lecture 194 Implementing the user registration component

Lecture 195 Assignment 15

Lecture 196 Implementing the user Registration component 1

Lecture 197 Implementing the user Registration component 2

Lecture 198 Implementing the user Registration component 3

Lecture 199 Implementing the user Registration component 4

Lecture 200 Implementing the user Registration component 5

Section 23: Securing the frontend

Lecture 201 Create the login component and the slice

Lecture 202 Implementing the login component 1

Lecture 203 Implementing the login component 2

Lecture 204 Implementing the protected route component

Lecture 205 Securing the routes

Lecture 206 Add roles to a user

Lecture 207 Implement default data initializer

Lecture 208 Overview of hibernate entity lifecycle

Lecture 209 Testing the login component

Lecture 210 Cleaning up the frontend security - 1

Lecture 211 Cleaning up the frontend security - 2

Lecture 212 Cleaning up the frontend security - 3

Lecture 213 Cleaning up the frontend security - 4

Lecture 214 Cleaning up the frontend security - 5

Lecture 215 Adding the Axios request interceptor

Lecture 216 Testing the Axios request interceptor

Lecture 217 Adding the Axios response interceptor

Lecture 218 Testing the refresh token with the axios response interceptor

Lecture 219 Frontend security clean up wrap up

Lecture 220 Assignment 16

Section 24: The user profile component

Lecture 221 Add new address for a user - BE

Lecture 222 Implementing the user profile component - 1

Lecture 223 Implementing the user profile component - 2

Lecture 224 Implementing the user profile component - 3

Lecture 225 Implementing the user profile component - 4

Lecture 226 Refactoring the address component

Lecture 227 Testing the address component

Lecture 228 Implementing-the-address-crud - 1

Lecture 229 Implementing-the-address-crud - 2

Lecture 230 Testing the address CRUD

Lecture 231 Wrap up

Section 25: Integrating Stripe Payment Gateway.

Lecture 232 Fixing the user profile component errors

Lecture 233 A quick overview of stripe payment gateway

Lecture 234 Create a stripe account

Lecture 235 Implementing the payment Intent- BE

Lecture 236 Implementing the checkout form component -FE

Lecture 237 Implementing the checkout component - 1

Lecture 238 Implementing the checkout component - 2

Lecture 239 Implementing the checkout component - 3

Lecture 240 Implementing the checkout component - 4

Lecture 241 Implementing the checkout component - 5

Lecture 242 Testing the payment part1

Lecture 243 Testing the payment part2

Lecture 244 Testing the payment part3

Lecture 245 Project end to end test part1

Lecture 246 Project end to end test part2

Section 26: Deploying to AWS

Lecture 247 Welcome to AWS

Lecture 248 AWS services overview

Lecture 249 AWS deployment steps overview

Lecture 250 Create and sign in to AWS developer account

Lecture 251 Create elastic beanstalk demo app

Lecture 252 Create EC2 Instance Profile

Lecture 253 Configure elastic beanstalk to create the Launch Template

Lecture 254 Launching the first EC2 environment to run our app

Lecture 255 Moving our shop database to AWS RDS

Lecture 256 Deploy our shop backend to elastic beanstalk

Lecture 257 Deploy our shop frontend to AWS S3 bucket

Lecture 258 Deploy backend version 2

Lecture 259 Deploy frontend version 2

Lecture 260 Fix the product detail image error

Lecture 261 Testing the project in the cloud

Section 27: Course Wrap Up

Lecture 262 Course wrap up and Final Note

For Java backend developers who want to become full-stack developers with React,For React frontend developers who want to become full-stack developers with Java,For full-stack developers who want to advance their skills