MEAN stack example: CRUD with Angular 16

In this tutorial, I will show you how to build a full-stack (MEAN stack) Angular 16 + Node.js example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs and connects with MongoDB database, front-end side is an Angular App with HTTPClient.

We will build a full-stack Tutorial Application in that:

• Tutorial has id, title, description, published status.
• User can create, retrieve, update, delete Tutorials.
• There is a search box for finding Tutorials by title.

Tutorial link:

MEAN stack with Angular 16 CRUD example

For more detail, please visit:

Angular 16 CRUD example with Web API

Node.js, Express & MongoDb: Build a CRUD Rest Api example

How to integrate Angular with Node.js Restful Services

Security:

Angular 16 + Node.js Express: JWT Authentication and Authorization example

Associations:

MongoDB One-to-One relationship tutorial with Mongoose examples

MongoDB One-to-Many Relationship tutorial with Mongoose examples

MongoDB Many-to-Many Relationship with Mongoose examples

Project setup

Node.js Server

cd node-js-server
npm install

Run node server.js

Angular Client

cd angular-16-client
npm install

Run ng serve --port 8081. Navigate to http://localhost:8081/.