🔗 Live Demo on AWS! https://demo.pjlindustries.com/
🌐 In today's exciting climax of the Full-stack Web App build out, we apply Tailwind CSS to our Angular front-end and set up our code base to be hosted live on AWS. Our application goes from 0-60 giving you a launch pad for your killer idea.
🚀 A web application with these features would cost ~$25,000:
An Angular 17 front-end styled with Tailwind CSS
RxJS observables and subscriptions for a reactive UI
OAuth2 Spring Security with Google Sign-on Authentication
Spring Boot 3.x APIs
User Roles (Free, Admin, Subscribed) Authorization
JPA/Hibernate ORM
PostgreSQL Database
Runs locally over HTTPS
Runs locally via Docker
Exact code hosted live on AWS (EC2, RDS, S3, R53)
Code freely accessible on 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 Before and After with TailwindCSS
1:30 - Video Objectives
1:57 - Enhance Spring Boot API Endpoints
3:22 - Extend our Spring Boot User Service
4:03 - Add a New Query to our JPA Repository
4:52 - Add Spring JPA Auditing
7:31 - Extend out User DTO
7:49 - Add Logging with Spring
8:54 - Installing Tailwind CSS to an Angular Application
10:51 - Applying Tailwind CSS Styles for Non-Experts
13:58 - Mixing Angular Typescript Logic with Tailwind CSS
16:35 - Steps to Host the Web App on AWS
19:08 - GitHub Code Review Walkthrough
#springboot #springsecurity #angular #rxjs #jpa #fullstackdevelopment #tailwindcss #aws