Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bezkoder/spring-boot-angular-14-mongodb

Full-stack Spring Boot + Angular 14 + MongoDB example - CRUD Application
https://github.com/bezkoder/spring-boot-angular-14-mongodb

angular angular-14 angular14 bootstrap bootstrap-4 bootstrap4 crud crud-application crud-operation crud-operations crud-sample mongo-db mongodb mongodb-database spring spring-boot spring-data-mongodb spring-mvc springboot

Last synced: about 4 hours ago
JSON representation

Full-stack Spring Boot + Angular 14 + MongoDB example - CRUD Application

Host: GitHub
URL: https://github.com/bezkoder/spring-boot-angular-14-mongodb
Owner: bezkoder
Created: 2022-07-13T03:46:41.000Z (about 2 years ago)
Default Branch: master
Last Pushed: 2022-07-13T03:52:02.000Z (about 2 years ago)
Last Synced: 2024-09-18T03:00:37.029Z (9 days ago)
Topics: angular, angular-14, angular14, bootstrap, bootstrap-4, bootstrap4, crud, crud-application, crud-operation, crud-operations, crud-sample, mongo-db, mongodb, mongodb-database, spring, spring-boot, spring-data-mongodb, spring-mvc, springboot
Language: TypeScript
Homepage:
Size: 207 KB
Stars: 5
Watchers: 2
Forks: 6
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Spring Boot + Angular 14 + MongoDB example: CRUD App

Full-stack Angular 14 + Spring Boot + MongoDB - Tutorial CRUD Application in that:
- Each Tutorial has id, title, description, published status.
- We can create, retrieve, update, delete Tutorials.
- We can also find Tutorials by title.

![spring-boot-angular-14-mongodb-example.png](spring-boot-angular-14-mongodb-example.png)

For instruction, please visit:
> [Spring Boot + Angular 14 + MongoDB CRUD example](https://www.bezkoder.com/spring-boot-angular-14-mongodb/)

Run both Back-end & Front-end in one place:
> [Integrate Angular with Spring Boot Rest API](https://www.bezkoder.com/integrate-angular-spring-boot/)

More Practice:
> [Angular + Spring Boot: File upload example](https://www.bezkoder.com/angular-14-spring-boot-file-upload/)

> [Angular + Spring Boot: JWT Authentication and Authorization example](https://www.bezkoder.com/angular-14-spring-boot-jwt-auth/)

## Run Spring Boot application
```
cd spring-boot-server
mvn spring-boot:run
```
The Spring Boot Server will export API at port `8081`.

## Run Angular Client
```
cd angular-14-client
npm install
ng serve --port 8081
```