Angular 14 Node.js Project: CRUD example
In this tutorial, I will show you how to build a full-stack Angular 14 + Node.js example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs, 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: Angular 14 + Node.js Express + MySQL example
Or:
Angular 14 + Node.js + Express + PostgreSQL example
Angular 14 + Node.js + Express + MongoDB example
For more detail, please visit:
Angular 14 CRUD Application example with Web API
Build Node.js Rest APIs with Express, Sequelize & MySQL
How to integrate Angular with Node.js Restful Services
More Practice:
Deploying/Hosting Node.js app on Heroku with MySQL database
Pagination:
Server side Pagination with Node.js and Angular
Angular File upload example with progress bar & Bootstrap
Node.js Express File Upload Rest API example
Security:
Angular + Node.js Express: JWT Authentication and Authorization example
Associations:
Sequelize Associations: One-to-Many Relationship example
Sequelize Associations: Many-to-Many Relationship example
Serverless with Firebase:
Angular Firebase CRUD with Realtime DataBase | AngularFireDatabase
Angular Firestore CRUD example with AngularFireStore
Angular Firebase Storage: File Upload/Display/Delete example
Project setup
Node.js Server
cd node-js-server
node server.js
Angular Client
cd angular-14-client
Run ng serve --port 8081
for a dev server. Navigate to http://localhost:8081/
.