Full Stack Spring Security with React & JWT

Name: Full Stack Spring Security with React & JWT
Rating: 2.0 (1 reviews)

Employee Management System Project w/ Spring Security, Spring Data JPA, JTW's, Refresh Tokens, React 19, and Context API

Created byUnknown Koder

Last updated 9/2025

English

What you'll learn

Setup and configure Spring Security 5 Session Authentication
Setup a React Application with Vite
Setup Role Based Authentication with Spring Security 5
Use Spring Data JPA to Authenticate a User Against a Database
Develop an Advanced React Application with User Authentication
Learn how to use React Context with a Real World Example
Setup Spring Security to Authenticate in a Stateless Manner with JWT and Refresh Tokens

Course content

6 sections • 103 lectures • 11h 4m total length

Project Introduction2:14
Section Outline0:25
Prerequisites1:09
Project Requirements and Demonstration13:45
Spring Boot Project Setup3:03
Spring Boot Project Configuration and First Entity Class2:50
Setup the Employee Service Class12:49
Setup the Employee Controller Class11:41
Test the Employee REST API with Postman6:02
Create the React Application with Vite10:33
Setup the Basic Skeleton React Application6:26
Section 1 Wrap Up0:49

Section 2 Outline0:43
Setup the Spring Security Configuration14:55
Update the Employee Service Class to Authenticate Employees5:15
Setup the Authentication Service Class6:57
Setup the Authentication Controller Class6:58
Setup the React Application Global Context5:30
Setup the Frontend Authentication Service4:39
Setup the Custom Axios Instance and use the Custom Instance in Global Context5:12
Setup the Employee Login Page2:47
Setup the Login Form Components12:33
Setup and use the Employee Login Form5:04
Update the Layout Page and App Components to Render the Login Page3:59
Section 2 Wrap Up1:04

Section 3 Outline0:47
Add and Configure the Spring Data JPA Starter Dependency3:25
Setup the Base Entity Class3:49
Setup the Pay Information, Contact Information, and Employee Entity Classes11:08
Setup the Pay Information, Contact Information, and Employee Repository Classes3:48
Update the Security Configuration Enable to View the H2 Console3:15
Setup the Contact Information and Pay Information Service Classes4:34
Update the Employee Service Class to use the Employee Database Table14:05
Update the Authentication Service Class13:32
Update the Authentication Controller and Employee Controller Classes4:34
Update the Security Configuration to Allow the Admin Role Functionality6:15
Update the Login Page to Store the Updated Employee when Logging in4:02
Create the Navbar Component and Render it in the Layout Page8:15
Create the Skeleton Manage Employees Page1:20
Create the Frontend Employee Service and use it in the Global Context3:39
Create the Information Card Component2:48
Create the Employees Card Component and Associated Service Logic and Types5:36
Update the Auth Service to Register an Employee and Create the Form Select5:28
Create the Create Employee Form and Render it in the Manage Employees Page17:43
Create the Table Components and the Employee Table Component12:45
Fetch All Employees and Create the Employee Contact Information Component14:42
Create the Contact Information Card Component and the useFormatDollars Hook8:31
Create the Pay Information Card Component and Associated Types6:33
Setup the Ability to Update an Employees Information15:52
Test the React Application Changes in the Browser11:56
Section 3 Wrap Up0:47

Section 4 Outline0:38
Setup the Time Sheet Entity Class and Associated Model Classes8:03
Setup the Associated Time Sheet Repositories and Utility Classes4:56
Setup the Time Sheet Service Class11:13
Create the Time Sheet Controller Class and Update the Employee Controller Class7:08
Update the Security Configuration Class and Test the Employee Endpoints7:26
Create the Skeleton Manage Self Page and Add it to the App Component6:09
Create the Personal Information Card Component3:45
Update the Employee Service to Update Contact Information and add a new Type11:34
Update the Contact Information Card to be able to Update Information4:50
Create the Skeleton Time Sheet Page1:44
Create the Time Sheet Type and add Time Sheets to the Global Context12:25
Create the Time Sheet Component12:16
Add the Time Sheet Component to the Time Sheet Page and Test the Functionality4:11
Chapter 4 Wrap Up0:49

Section 5 Outline0:57
Setup the Pay Stub Entity Class4:28
Setup the Pay Stub Repository Interface3:36
Update the Time Sheet Service Class for Approving and Denying Time Sheets6:00
Setup the Pay Stub Service Class17:25
Setup the Pay Roll Controller Class3:45
Update the Employee Repository and Service for new Manager Logic2:31
Update the Time Sheet Controller with the New Manager Logic4:00
Update the Security Configuration Class and Test the New Functionality14:36
Create the Skeleton Manage Reports Page4:15
Setup the Ability to Fetch the Managers Reporting Employees3:51
Create the Skeleton Review Time Sheets Page3:15
Setup the Ability to Fetch the Managers Time Sheets to Review6:27
Create the Review Time Sheets Table Component10:26
Create the Form Text Area Component and use it in the Review Time Sheet Table9:22
Add Pay Stubs, Pay Roll, and Pay Roll Preview to the Global Application State7:14
Create the Pay Roll Card Component4:36
Create the Pay Roll Table Component and use it in the Manage Employees Page10:59
Setup the Ability for Employees to View their Year to Date Pay Stubs8:35
Section 5 Wrap Up1:09

Section 6 Outline0:48
Add the Spring Boot OAuth2 Resource Server Dependency1:25
Setup the Encryption Keys and Security Configuration Needed to Sign JWT Tokens9:13
Setup the Token Service Class3:44
Update the Authentication Controller Class to use JWT Tokens for Authentication8:51
Create the Refresh Token Entity Class and Associated Repository Interface3:15
Update the Token and Authentication Services to Make use of Refresh Tokens8:22
Update the Authentication Controller and Security Configuration for Refresh6:53
Create the useLocalStorageHook and Update the useAxios Hook5:09
Update the Authentication Service and Global Context for the new Authentication9:21
Add Final Functionality to the Authentication Service6:22
Create the Reset Password Form Component and use it in the Login Page11:15
Update the Navigation to Allow Logging out and Create the Footer Component4:45
Create the Timeout Popup Component5:31
Setup the Route Guard Logic Inside of the Layout Page10:17
Final Project Demonstration7:39
Course Wrap Up0:47

Requirements

Intermediate Java Programming Experience
Intermediate ReactJS Programming Experience
Exposure to Spring Boot Eco System
Any Programming Experience

Description

Are you ready to master secure full stack web development using modern technologies? This comprehensive course walks you through building a production-ready authentication system using Spring Security on the backend and React with Vite on the frontend. Whether you're a Java developer looking to extend your skills into front-end development or a React developer interested in backend security, this course has you covered.

We start by setting up a Spring Boot application and integrating Spring Security to enforce authentication and authorization rules. You'll learn how to connect the authentication logic to a relational database, validate user credentials, and securely store user data.

Next, we dive into JWT (JSON Web Token) authentication, where you'll implement access and refresh tokens to provide a secure and seamless user experience. You'll learn how to protect endpoints, handle token expiration, and issue new tokens without forcing users to log in again.

On the frontend, we build a sleek and fast React application using Vite. You'll manage global state with the Context API, and use Axios to make secure API calls to your Spring backend.

By the end of this course, you'll have a complete, secure full stack app, and the skills to build and scale secure web applications confidently.

Who this course is for:

Developers and Software Engineers Who Want to Learn Spring Security

Full Stack Spring Security with React & JWT

What you'll learn

Explore related topics

Course content

Project Introduction and Configuration12 lectures • 1hr 12min

Setup Authentication with Spring Security and React13 lectures • 1hr 16min

Setup Spring Data JPA and Role Based Authentication with Admin Functionality26 lectures • 3hr 9min

Setup the Employee Role Logic and Timesheets15 lectures • 1hr 37min

Setup the Manage Role Logic and Generate Paystubs20 lectures • 2hr 7min

Setup OAuth 2 Resource Server and JWT Tokens17 lectures • 1hr 44min

Requirements

Description

Who this course is for: