# angular-17-node-project

**Repository Path**: caochufeng/angular-17-node-project

## Basic Information

- **Project Name**: angular-17-node-project
- **Description**: Angular 17 + Node-js Project example - Fullstack CRUD Application with Express Rest API, Angular Form, HttpClient
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-03
- **Last Updated**: 2024-08-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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