Angular 16 + Spring Boot + MongoDB example: CRUD App

In this tutorial, we will learn how to build a full stack Angular 16 + 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 16, HttpClient & Router.

More Practice:
Angular + Spring Boot: Pagination example
Angular 16 + Spring Boot: JWT Authentication example
Angular 16 + Spring Boot: File upload example

Read More

MEAN Stack example with Angular 16

In this tutorial, I will show you how to make Angular 16 connect to MongoDB with Node.js Express. We’re gonna build a MEAN stack CRUD example with Angular 16 + Node.js Express + MongoDB example in which, the back-end server uses Node.js + Express for REST APIs, front-end side is an Angular 16 App with HttpClient, Router and Bootstrap.

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

Security: Angular 16 + MongoDB: Auth with Node.js Express
Serverless with Firebase:
Angular 16 Firebase CRUD example with Realtime DB
Angular 16 Firestore CRUD example
Newer version: Angular 17 + MongoDB: Auth with Node.js Express

Read More

Spring Boot, MongoDB, Reactive CRUD example

In this tutorial, we’re gonna build a Spring Boot MongoDB Reactive example – CRUD application that uses Maven, Spring Data Reactive MongoDB to interact with MongoDB database and Spring WebFlux for Reactive Rest API. You’ll know:

  • How to configure Spring Data to work with MongoDB Database
  • How to define Data Model and Repository interface
  • Way to create Spring Rest Controller to process HTTP requests
  • Way to use Spring Data Reactive MongoDB to interact with Database

More Practice:
Spring WebFlux File upload example
Spring Boot + GraphQL + MongoDB example with Spring Data & graphql-java
Spring Boot, MongoDB: JWT Authentication with Spring Security
Spring Boot MongoDB Pagination example with Spring Data
– Dockerize: Docker Compose: MongoDB and Spring Boot example

Exception Handling:
Spring Boot @ControllerAdvice & @ExceptionHandler example
@RestControllerAdvice example in Spring Boot

Fullstack:
Angular 8 + Spring Boot + MongoDB example
Angular 10 + Spring Boot + MongoDB example
Angular 11 + Spring Boot + MongoDB example
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
React + Spring Boot + MongoDB example
Vue.js + Spring Boot + MongoDB example

Read More

Angular 15 + Node.js + MongoDB example: CRUD App

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

Other versions:
MEAN Stack with Angular 8
MEAN Stack with Angular 10
MEAN Stack with Angular 11
MEAN Stack with Angular 12
MEAN Stack with Angular 13
MEAN Stack with Angular 14
MEAN Stack with Angular 16

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

Security: MEAN stack Authentication & Authorization example
Serverless with Firebase:
Angular 15 Firebase CRUD example with Realtime DB
Angular 15 Firestore CRUD example

Read More