Skip to content

Angular 17 + Node-js Project example - Fullstack CRUD Application with Express Rest API, Angular Form, HttpClient

Notifications You must be signed in to change notification settings

bezkoder/angular-17-node-project

Repository files navigation

Angular 17 Node.js Project: CRUD example

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

angular-node-js-project-example

Tutorial link:

Angular 17 + Node Express + MySQL example

Angular 17 + Node Express + PostgreSQL example

Angular 17 + Node Express + MongoDB example

How to integrate Angular with Node.js Restful Services

More Practice:

Deploying/Hosting Node.js app on Heroku with MySQL database

Dockerize Node Express and MySQL example

Dockerize Node Express and MongoDB example

Pagination:

Server side Pagination with Node.js and Angular

File Upload:

Angular 17 + Node.js Express: File Upload example

Security:

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

Associations:

Sequelize Associations: One-to-Many Relationship example

Sequelize Associations: Many-to-Many Relationship example

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-express-[database]-server

Run node .

Angular Client

cd angular-17-client

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