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

# 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](angular-node-js-project-example.png)

Tutorial link:
> [Angular 17 + Node Express + MySQL example](https://www.bezkoder.com/angular-17-node-js-express-mysql/)

> [Angular 17 + Node Express + PostgreSQL example](https://www.bezkoder.com/angular-17-node-js-express-postgresql/)

> [Angular 17 + Node Express + MongoDB example](https://www.bezkoder.com/angular-17-node-js-express-mongodb/)

> [How to integrate Angular with Node.js Restful Services](https://www.bezkoder.com/integrate-angular-12-node-js/)

More Practice:
> [Deploying/Hosting Node.js app on Heroku with MySQL database](https://www.bezkoder.com/deploy-node-js-app-heroku-cleardb-mysql/)

> [Dockerize Node Express and MySQL example](https://www.bezkoder.com/docker-compose-nodejs-mysql/)

> [Dockerize Node Express and MongoDB example](https://www.bezkoder.com/docker-compose-nodejs-mongodb/)

Pagination:
> [Server side Pagination with Node.js and Angular](https://www.bezkoder.com/server-side-pagination-node-js-angular/)

File Upload:
> [Angular 17 + Node.js Express: File Upload example](https://www.bezkoder.com/angular-17-node-express-file-upload/)

Security:
> [Angular 17 + Node.js Express: JWT Authentication and Authorization example](https://www.bezkoder.com/node-js-angular-17-jwt-auth/)

Associations:
> [Sequelize Associations: One-to-Many Relationship example](https://www.bezkoder.com/sequelize-associate-one-to-many/)

> [Sequelize Associations: Many-to-Many Relationship example](https://www.bezkoder.com/sequelize-associate-many-to-many/)

> [MongoDB One-to-One relationship tutorial with Mongoose examples](https://www.bezkoder.com/mongoose-one-to-one-relationship-example/)

> [MongoDB One-to-Many Relationship tutorial with Mongoose examples](https://www.bezkoder.com/mongoose-one-to-many-relationship/)

> [MongoDB Many-to-Many Relationship with Mongoose examples](https://www.bezkoder.com/mongodb-many-to-many-mongoose/)

## 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/`.

caochufeng/angular-17-node-project

简介

发行版

贡献者

近期动态

caochufeng/angular-17-node-project .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

caochufeng/angular-17-node-project