https://github.com/bezkoder/angular-16-node-project
Angular 16 + Node-js Project example - Fullstack CRUD Application with Express Rest API, Angular Form, HttpClient
https://github.com/bezkoder/angular-16-node-project
angular angular-16 angular16 crud crud-api crud-app crud-application crud-operation crud-operations crud-sample express express-js expressjs full-stack fullstack node node-js nodejs
Last synced: 1 day ago
JSON representation
Angular 16 + Node-js Project example - Fullstack CRUD Application with Express Rest API, Angular Form, HttpClient
- Host: GitHub
- URL: https://github.com/bezkoder/angular-16-node-project
- Owner: bezkoder
- Created: 2023-06-08T03:54:54.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-06-08T03:56:05.000Z (almost 3 years ago)
- Last Synced: 2025-08-27T09:44:51.269Z (8 months ago)
- Topics: angular, angular-16, angular16, crud, crud-api, crud-app, crud-application, crud-operation, crud-operations, crud-sample, express, express-js, expressjs, full-stack, fullstack, node, node-js, nodejs
- Language: JavaScript
- Homepage:
- Size: 155 KB
- Stars: 11
- Watchers: 2
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
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/`.