](bit.ly/3EcIvFP)
## React Installation Guides
* [Linux](install-react-tools/linux/install-linux.md)
* [Mac](install-react-tools/mac/install-mac.md)
* [Microsoft Windows](install-react-tools/ms-windows/install-ms-windows.md)
## Source Code
* [Source code](source-code)
## Spring Boot Road Map - Learning Path
Here is a Spring Boot Learning Path and Roadmap to help you learn more about Spring Boot. These are links to luv2code courses on Udemy. You can purchase the courses to further your studies.
I'd recommend the following road map:
### Core Courses
1. [Java Programming Introduction for Beginners](https://www.udemy.com/course/java-intro-for-beginners/?referralCode=325F0EA33466DA1D8710)
1. [Spring Boot 4, Spring 7 and Hibernate for Beginners](http://www.luv2code.com/spring-github)
1. [Spring Boot Unit Testing](https://www.udemy.com/course/spring-boot-unit-testing/?referralCode=4184DE360D78A70932EE)
1. [Deploy Spring Boot 4 Applications on AWS](https://www.udemy.com/course/deploy-spring-boot-3-apps-to-aws/?referralCode=DCE8981B59C70BA6BDBF)
1. [Hibernate: Advanced Development Techniques](https://www.udemy.com/course/hibernate-tutorial-advanced/?referralCode=6FB9E2BA9AF54A4C9E69)
1. [Master Java Design Patterns](https://www.luv2code.com/master-java-design-patterns-github)
### Project Course: Spring Boot, Spring MVC and Thymeleaf
For end-to-end project with Spring Boot, Spring MVC and Thymeleaf:
1. [Spring Boot 4 Project: Build a Job Portal Web Application](https://www.udemy.com/course/spring-boot-project-job-portal-web-app/?referralCode=BB9301596150194B61E2)
### REST API Project Course: Spring Boot 4 REST APIs: Building Modern REST APIs
This is an intermediate level course that includes four REST API projects:
1. [Spring Boot 4 REST APIs: Building Modern REST APIs](https://www.udemy.com/course/spring-boot-rest-apis/)
### Project Courses: Full Stack
For full stack projects, you have the choice of either Angular or React. Pick the one that you like the best.
1. [Full Stack: Angular and Spring Boot](https://www.udemy.com/course/full-stack-angular-spring-boot-tutorial/?referralCode=2264F90C65A86316BB6B)
1. [Full Stack: React and Spring Boot](https://www.udemy.com/course/full-stack-react-and-java-spring-boot-the-developer-guide/?referralCode=4325FA579FD3D313E28D)
### Java Web Test Automation
Learn how to automate web browser testing using Java and test automation frameworks:
1. [Java Playwright: Master Web Test Automation](https://www.luv2code.com/java-playwright-github)
## More luv2code Courses
For more courses, visit the [luv2code website](https://www.luv2code.com).
I'm looking forward to seeing you in other luv2code courses!
## Follow luv2code on Social Media
* [YouTube Channel - luv2code](https://www.youtube.com/user/luv2codetv?sub_confirmation=1)
* [Facebook Page - luv2code](https://www.facebook.com/luv2codetv)
* [X (Twitter) - luv2code](https://twitter.com/luv2codetv)
* [LinkedIn](https://www.linkedin.com/in/chaddarby/)
## License
This source code and all related course materials are provided for your personal learning and educational use as part of a course by [luv2code LLC](https://www.luv2code.com).
You may:
- Use and modify the source code for your own personal projects
- Use and modify the source code in your work or professional projects, including commercial applications
- Integrate or extend the source code to build your own applications
No action or special requests are required to use the source code in this way.
---
You may not:
- Republish, redistribute, or upload any course materials, including but not limited to videos, slides, images, text, or PDFs
- Use any course materials to create derivative educational content such as tutorials, blog posts, YouTube videos, online courses, training content, or social media content
- Use any course materials in teaching, training, or commercial educational products
- Claim any course materials as your own work
See the [LICENSE](./LICENSE) file for full terms and restrictions.
For permission requests, contact **copyright@luv2code.com**
================================================
FILE: auth0-security/README.md
================================================
# Security Login/Logout - Auth0 Integration Tutorial
## Introduction
In this tutorial, you will learn how to integrate Auth0 into a react library application.
Users can Sign up or log in (including social login)
## Prerequisites
This tutorial assumes that you have already completed the section **“Library Project – Reviews On Book Checkout Page”** in *Build a Full Stack App - React and Java Spring Boot* course.
## Overview of Steps
1. Create a developer account on Auth0
1. Create Application and provide Application Information
1. Create API
1. Install Auth0 dependencies
1. Create/ Update `lib/auth0Config.ts`
1. Add Login Status Component
1. Update `App.tsx`
1. Add Logout Functionality
1. Homepage Refactor with Authentication
1. Checkout Book Functionality
1. Spring Boot – Backend Changes
1. Add an Admin Role
1. Run the Application
## 1. Create a Developer Account on Auth0
### SIGN UP
1. Open: [https://developer.auth0.com/](https://developer.auth0.com/)
2. Sign up.
## 2. Create an Application on Auth0 and provide App information
### Create Application
1. In Auth0 Developer Account, select Applications > Applications > + Create Application ...
1. Give a name: My React App.
1. Choose *Single Page Web Applications*
1. Click: *Create*
1. Click: *Settings*
### Provide App Information
Add Application URIs
- **Allowed Callback URLs**: http://localhost:3000/login/callback
- **Allowed Logout URLs**: http://localhost:3000
- **Allowed Web Origins**: http://localhost:3000
- **Allowed Origins (CORS)**: http://localhost:3000
Click *Save*
---
## 3. Create API
### Create Application
1. In Auth0 Developer Account, select Applications > API > + Create API...
1. Give a name: My Spring Boot App
1. Identifier: << BACKEND API URI >> Ex: http://localhost:8080
1. Create
---
## 4. Install Auth0 Dependencies
**Run the following command** on vs code (React app) console
```
npm install @auth0/auth0-react
```
## 5. Create/ Update `auth0Config.ts`
File : src/lib/auth0Config.ts
```
export const auth0Config = {
clientId: '"<What have you been reading?
The library team would love to know what you have been reading. Whether it is to learn a new skill or grow within one, we will be able to provide the top content for you!
{isAuthenticated ? Explore top books : Sign up }Our collection is always changing!
Try to check in daily as our collection is always changing! We work nonstop to provide the most accurate book selection possible for our Luv 2 Read students! We are diligent about our book selection and our books are always going to be our top priority.
What have you been reading?
The library team would love to know what you have been reading. Whether it is to learn a new skill or grow within one, we will be able to provide the top content for you!
{isAuthenticated ? Explore top books : Sign up }Our collection is always changing!
Try to check in daily as our collection is always changing! We work nonstop to provide the most accurate book selection possible for our Luv 2 Read students! We are diligent about our book selection and our books are always going to be our top priority.
{httpError}
{book?.img ?
:
})
}
}
{book?.title}
{book?.author}
{book?.description}
{book?.img ?
:
}
}
{book?.title}
{book?.author}
{book?.description}