Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bezkoder/mean-stack-example
MEAN stack example - CRUD with Angular connect to MongoDB, HttpClient, Router, Bootstrap 4 - Angular + Node Express + MongoDB example
https://github.com/bezkoder/mean-stack-example
angular angular-16 angular16 crud crud-app crud-application crud-operation crud-operations crud-sample full-stack fullstack mean-stack meanstack mongo-db mongodb mongodb-database mongoose mongoosejs
Last synced: 2 months ago
JSON representation
MEAN stack example - CRUD with Angular connect to MongoDB, HttpClient, Router, Bootstrap 4 - Angular + Node Express + MongoDB example
- Host: GitHub
- URL: https://github.com/bezkoder/mean-stack-example
- Owner: bezkoder
- Created: 2023-06-08T03:33:00.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-06-08T03:40:13.000Z (over 1 year ago)
- Last Synced: 2024-09-27T17:22:48.161Z (3 months ago)
- Topics: angular, angular-16, angular16, crud, crud-app, crud-application, crud-operation, crud-operations, crud-sample, full-stack, fullstack, mean-stack, meanstack, mongo-db, mongodb, mongodb-database, mongoose, mongoosejs
- Language: TypeScript
- Homepage:
- Size: 162 KB
- Stars: 6
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MEAN stack example: CRUD with Angular 16
In this tutorial, I will show you how to build a full-stack (MEAN stack) Angular 16 + Node.js example with a CRUD Application. The back-end server uses Node.js + Express for REST APIs and connects with MongoDB database, 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:
> [MEAN stack with Angular 16 CRUD example](https://www.bezkoder.com/angular-16-node-js-express-mongodb/)
For more detail, please visit:
> [Angular 16 CRUD example with Web API](https://www.bezkoder.com/angular-16-crud-example/)
> [Node.js, Express & MongoDb: Build a CRUD Rest Api example](https://www.bezkoder.com/node-express-mongodb-crud-rest-api/)
> [How to integrate Angular with Node.js Restful Services](https://www.bezkoder.com/integrate-angular-12-node-js/)
Security:
> [Angular 16 + Node.js Express: JWT Authentication and Authorization example](https://www.bezkoder.com/node-js-angular-16-jwt-auth/)
Associations:
> [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-js-server
npm install
```
Run `node server.js`
### Angular Client
```
cd angular-16-client
npm install
```
Run `ng serve --port 8081`. Navigate to `http://localhost:8081/`.