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

In this tutorial, I will show you how to make Angular 12 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, Router and Bootstrap.

Other versions:
Using Angular 8
Using Angular 10
Using Angular 11
Using Angular 13
Using Angular 14
Using Angular 15
Using Angular 16

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

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

Read More

Integrate Angular 15/14/13/12 with Node.js Restful Services

In this tutorial, I will show you step by step to integrate Angular 15/14/13/12 project with Node.js Restful Services so that we only need to run both on same Server/Port. You will also know how to configure Angular SPA Routing to avoid 404 on refresh.

Related Posts:
Angular + Node.js Express + MySQL example
Angular + Node.js Express + PostgreSQL example
Angular + Node.js Express + MongoDB example
Angular + Node.js Express: JWT Authentication & Authorization example
Angular + Node.js Express: File Upload example
Server side Pagination with Node.js and Angular

Read More

Angular 12 + Spring Boot: CRUD example

In this tutorial, we will learn how to build a full stack Spring Boot + Angular 12 example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data JPA for interacting with embedded database (H2 database). Front-end side is made with Angular 12, HttpClient, Router and Bootstrap 4.

Run both Project on same server/port:
How to Integrate Angular with Spring Boot Rest API

Security: Angular 12 + Spring Boot: JWT Authentication & Authorization example

Upload: Angular 12 + Spring Boot: File upload example

Pagination: Angular 12 + Spring Boot: Pagination example

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

Read More