Angular 11 + Spring Boot + MongoDB example: CRUD Application

In this tutorial, we will learn how to build a full stack Angular 11 + Spring Boot + MongoDB example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data MongoDB for interacting with MongoDB database. Front-end side is made with Angular 11, HTTPClient & Router.

Newer versions:
Angular 12 + Spring Boot + MongoDB example
Angular 13 + Spring Boot + MongoDB example
Angular 14 + Spring Boot + MongoDB example
Angular 15 + Spring Boot + MongoDB example
Angular 16 + Spring Boot + MongoDB example

More Practice:
Angular 11 + Spring Boot: JWT Authentication & Authorization example
Angular 11 + Spring Boot: File upload example

Serverless with Firebase:
Angular 11 Firebase CRUD Realtime DB | AngularFireDatabase
Angular 11 Firestore CRUD example | AngularFireStore

Read More

Angular 11 + MongoDB example with Node.js Express: CRUD App

In this tutorial, I will show you how to make Angular 11 connect to MongoDB with Node.js Express. We’re gonna build a full-stack (MEAN stack) CRUD Application in which, the back-end server uses Node.js + Express for REST APIs, front-end side is an Angular App with HTTPClient.

Newer versions:
Using Angular 12
Using Angular 13
Using Angular 14
Using Angular 15
Using Angular 16

More Practice:
MEAN stack Authentication & Authorization example
File Upload using Angular 11 and Node.js

Run both projects in one place:
How to Integrate Angular with Node.js Restful Services

Serverless with Firebase:
Angular 11 Firebase CRUD example with Realtime DB
Angular 11 Firestore CRUD example

Read More