Angular 11 + node js mongodb crud example. In this tutorial, you will learn how to create crud app in angular 11 using nodejs express and mongodb with rest apis.

And as well as, learn how to create rest apis in nodejs express app. And how to use this apis with angular 11 app.

This tutorial will guide you step by step, how to build crud app in angular 11 using nodejs express and mongodb.

Build Angular 11 CRUD Application with NodeJS and Express REST API

• Step 1 – Create New Angular App
• Step 2 – Create Components in Angular 11
• Step 3 – Import Modules in app.module.ts
• Step 4 – Create CRUD Routes
• Step 5 – Build RESTful API with Node and Express
• Step 6 – Create Angular Service for REST API Consumption
• Step 7 – Add code In app.component.html
• Step 8 – Create Operation

Step 1 – Create New Angular App

First of all, open your terminal and execute the following command on it to install angular app:

ng new my-new-app

Then execute the following command on terminal to install angular material:

ng add @angular/material

Step 2 – Create Components in Angular 11

In this step, you need to execute the following commands on terminal to generate components in our angular application. So, open y cour terminal and execute the following command:

ng g c components/add-book
ng g c components/book-detail
ng g c components/books-list

#angular #node js