App Fullstack: Spring Boot, React, Oauth2, Docker & Aws [En]

Create a FullStack Application with Spring Boot 3, Spring 6, React 18, OAuth2, Docker, and Deploy it on AWS

What you'll learn

Use Spring Web to implement REST APIs

Use Spring Doc to generate Swagger documentation

Use Spring Data to manage table/entity relationships and database communication

Use Spring Security to set up OAuth2 authentication and generate JWT tokens

Use Flyway to initialize the database schema and manage its updates

Use React Router to set up routing between application pages (home page, login, etc.)

Use React Table to create tables with search, sort, and filter functionalities

Use React Context to make authentication data accessible to different React components

Use Axios to consume secure APIs

Start a PostgreSQL image using Docker Compose

Create OAuth2 accounts in Google and GitHub

Use GitHub Actions to build the Docker images for the backend and frontend and upload them to GitHub Packages

Buy a domain name on AWS

Create a PostgreSQL RDS instance on AWS

Create an EC2 instance on AWS to run the backend and frontend Docker images using Docker Compose

Set up a certificate via Let's Encrypt to enable HTTPS

Requirements

Basic knowledge of Spring and React frameworks is required

It is also preferable to have knowledge of Docker and AWS

Description

In this FullStack development course, you will master the skills necessary to create a modern web application by diving deep into the source code of a real project. You will work with Spring Boot 3 for the backend, React 18 for the frontend, and integrate OAuth2 authentication using Google and GitHub. You will then learn how to deploy your application to the cloud using Docker on AWS, ensuring scalability and efficiency. To secure your deployment, we will cover how to generate an SSL certificate with Let's Encrypt for a secure HTTPS connection.How does this course work?In this unique course, you will gain insights by examining the complete source code rather than starting from scratch. Together, we will analyze each part of the Java Spring Boot and React FullStack application so that you fully understand its structure and the concepts involved. You will have access to all the source code, allowing you to adapt and apply it to your own projects with confidence.Each module covers specific areas: backend APIs, frontend user interface, secure authentication, cloud deployment with AWS, and SSL configuration, providing you with a comprehensive understanding of building secure, cloud-ready applications.Why take this course?Quick and Effective Learning: By focusing on source code analysis, you will quickly learn the essential concepts of FullStack development, with the ability to test and adapt the code to your own needs.Master FullStack Technologies: You will gain hands-on experience with Spring Boot and React through concrete examples while also working with cloud technologies such as AWS EC2 and RDS.Secure Cloud Deployment: Go beyond simple deployments: discover how to deploy a secure application on AWS and set up a secure HTTPS connection with an SSL certificate for a truly professional FullStack application.

Overview

Section 1: Introduction

Lecture 1 Overview

Lecture 2 Demo

Lecture 3 Training Plan

Lecture 4 Prerequisites & Tools

Section 2: Backend Project code source presentation

Lecture 5 General Overview of the Backend project

Lecture 6 Presentation of the pom.xml file

Lecture 7 Presentation of the database model

Lecture 8 Presentation of the SQL scripts used by the Flyway tool

Lecture 9 Presentation of the entities

Lecture 10 Presentation of the repositories

Lecture 11 Presentation of the exceptions

Lecture 12 Presentation of the validation layer

Lecture 13 Presentation of the documentation swagger

Lecture 14 Presentation of the controllers

Lecture 15 Creation of OAuth2 Github and Google Clients for the local deployment

Lecture 16 Presentation of the authentication workflow

Lecture 17 Presentation of the security layer

Lecture 18 Presentation of the Dockerfile file

Lecture 19 Starting the backend project on your machine

Section 3: Frontend Project code source presentation

Lecture 20 General Overview of the Frontend project

Lecture 21 Presentation of the package.json file

Lecture 22 Presentation of the models

Lecture 23 Presentation of the services

Lecture 24 Presentation of the configuration

Lecture 25 Presentation of the UserContext

Lecture 26 Presentation of the App and OAuth2Redirect components

Lecture 27 Presentation of the Navbar

Lecture 28 Presentation of the Footer

Lecture 29 Presentation of the Home page

Lecture 30 Presentation of the Login page

Lecture 31 Presentation of the PlayQuiz page

Lecture 32 Presentation of the History page

Lecture 33 Presnetation of the ManageQuiz page

Lecture 34 Presentation of the ImportQuiz page

Lecture 35 Presentation of the Dockerfile file

Lecture 36 Starting the frontend project on your machine

Section 4: AWS Deployment

Lecture 37 Presentation of our Github Repository

Lecture 38 Presentation of our Github Action Workflow

Lecture 39 Presentation of docker-compose.yml and nginx.conf files

Lecture 40 Purchase of our domain name

Lecture 41 Creation of OAuth2 Github client for the AWS deployment

Lecture 42 Creation of OAuth2 Google client for the AWS deployment

Lecture 43 Creation of the EC2 server in AWS

Lecture 44 Creation of the RDS server in AWS

Lecture 45 Link the domain name to the IP address of the EC2 server

Lecture 46 Installation of Docker on the EC2 server

Lecture 47 Generation of the SSL certificate

Lecture 48 Starting the application in AWS

Section 5: Source code

Lecture 49 Source code

Backend developers looking to strengthen their skills with Spring Boot and explore deployment solutions on AWS,Frontend developers seeking to better understand the integration between React and a secure backend,DevOps developers who want to familiarize themselves with Docker, Nginx, and AWS services such as EC2 and RDS,Students seeking concrete projects to understand best practices in security, containerization, and cloud deployment