Adding a $5000 Admin Dashboard to our Web App Starter
🔗 Live Demo on AWS! https://demo.pjlindustries.com/
🌐 Today we add ~$2500-$5000 in value to our Full-stack Web App starter with a fully functional admin dashboard.
We create a @SpringSourceDev endpoint that will add or remove the admin role to an authenticated user while our @Angular front-end consumes the updated User DTO response object. We create a standalone admin-dashboard component that we protect with a CanActivateFn guard and dynamically update the UI with RxJS. And as always, all source code is freely available and can be run on with docker in a few keystrokes.
🚀 A web application with this feature would add ~$2500-$5000 to your spec
An Angular 17 front-end Admin Dashboard
Styled with Tailwind CSS
RxJS observables and subscriptions for a reactive UI based on roles
Spring Boot 3.x APIs
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 - Admin Panel Demo
1:30 - Spring Boot Back-end Code
3:20 - Angular Front-end Code
5:23 - Angular CanActivateFn Function Guards
8:00 - Front-end HTML Refactor for Admin Dashboard
9:57 - Live Demo on AWS
#springboot #springsecurity #angular #rxjs #jpa #fullstackdevelopment #tailwindcss #aws #docker