by
New — June 29, 2026 · Single-page roadmap for the complete Angular + Spring Boot CRUD tutorial series.
Kindson Munonye · Software engineer & technical author
GitHub · LinkedIn · About · YouTube
Last updated by Kindson Munonye — June 29, 2026
GitHub · LinkedIn · About · YouTube
Last updated by Kindson Munonye — June 29, 2026
Last updated: June 29, 2026
This guide summarizes the full Angular CRUD with Spring Boot REST API tutorial track on munonye.com. Follow it start-to-finish to build a production-style Friends application with a Java backend and Angular frontend.
Architecture overview
- FriendsAPI (Spring Boot, port 9001) — REST endpoints for GET, POST, PUT, DELETE
- FriendsUI (Angular, port 9002) — standalone components, HttpClient, routing
- Database — H2 for development (JPA + Spring Data)
Complete tutorial series (6 parts)
| Part | Topic | Link |
|---|---|---|
| 1 | Setup (Angular 19 + Spring Boot) | Part 1 → |
| 2 | GET — list records | Part 2 → |
| 3 | POST — create records | Part 3 → |
| 4 | Details view | Part 4 → |
| 5 | PUT — edit records | Part 5 → |
| 6 | DELETE — remove records | Part 6 → |
Prerequisites
- Java 17+, Node.js 18+, Angular CLI
- Basic REST API and TypeScript knowledge
- ~4–6 hours total for all six parts
Spring Boot REST API quick start
spring.datasource.url=jdbc:h2:mem:friendsdb
spring.jpa.hibernate.ddl-auto=update
server.port=9001Reference implementation: product-app-spring-api on GitHub
Angular 19 quick start
ng new friends-ui --routing --style=scss
# Configure provideHttpClient() in main.ts — see Part 1
