KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

angular-16-node-project

★ 12 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Angular 16 Node.js Project: CRUD example

In this tutorial, I will show you how to build a full-stack Angular 16 + 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](https://raw.githubusercontent.com/bezkoder/angular-16-node-project/master/angular-node-js-project-example.png)

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

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

> [Angular 16 + Node Express + MongoDB example](https://www.bezkoder.com/angular-16-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 16 + Node.js Express: File Upload example](https://www.bezkoder.com/angular-16-node-express-file-upload/)

Security:
> [Angular 16 + Node.js Express: JWT Authentication and Authorization example](https://www.bezkoder.com/node-js-angular-16-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-16-client
```
Run `ng serve --port 8081`. Navigate to `http://localhost:8081/`.

angular-16-node-project

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README