# angular-17-spring-boot-mysql-example

**Repository Path**: caochufeng/angular-17-spring-boot-mysql-example

## Basic Information

- **Project Name**: angular-17-spring-boot-mysql-example
- **Description**: Fullstack CRUD example using Angular 17, Spring Boot, and MySQL - Spring Boot Rest Api, Spring Data JPA with MySQL, Angular 17 Http Client
- **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

# Spring Boot + Angular 17 + MySQL CRUD example

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

![angular-17-spring-boot-mysql-example-crud.png](angular-17-spring-boot-mysql-example-crud.png)

> [Angular 17 + Spring Boot + MySQL CRUD example](https://www.bezkoder.com/spring-boot-angular-17-mysql/)

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

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

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

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

## Run Angular Client
```
npm install
ng serve --port 8081
```