Building a Reactive UI with Angular, RxJS, Spring Boot, PostgreSQL, and Docker
🌐 Full-stack code demonstrating how we leverage Angular directives with our Spring Boot APIs to build a front-end UI that reacts to a User's state. The UI will subscribed to a User with RxJS and show logged out Users a a Google SSO login button and logged in users a Log Out button.
The authentication system runs on Spring Security OAuth2 with a Google JWT. 🚀
🔐 Technology Used:
Java 17
Spring Boot 3
Spring Security
JPA and Hibernate
PostgreSQL
Angular 17+
Docker
GitHub
🔗 Source Code: https://github.com/pjl-software/full-...
🌎 Find Me Here:
Twitter: / peterlinnehan
GitHub: https://github.com/pjl-software/full-...
LinkedIn: / peterlinnehan
Chapters
0:00 - Code Demo
1:39 - Code Review Objectives
2:01 - Track a User's State with RxJS
7:43 - Create Log Out Button Component
8:28 - Extend JPA User Entity and DTO
11:16 - Create New JPA Query
11:45 - Add New Spring Boot API Endpoint
13:14 - Replace JpaRepository with BaseJpaRepository
14:06 - Remove CSRF Spring Security References
15:05 - GitHub Code Review
#springboot #springsecurity #angular #rxjs #jpa #fullstackdevelopment