Skip to content

MEAN stack - Angular 15 + Node.js Express example with MongoDB - CRUD Application

Notifications You must be signed in to change notification settings

bezkoder/mean-stack-angular-15

Repository files navigation

MEAN stack with Angular 15 CRUD example

In this tutorial, I will show you how to build a full-stack (MEAN stack) Angular 15 + 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.

mean-stack-crud-example-angular-15

Tutorial link:

MEAN stack with Angular 15 CRUD example

For more detail, please visit:

Angular 15 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 15 + 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-15-client
npm install

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