Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/walidbosso/springboot-angular-items-crud
This project is a full-stack CRUD (Create, Read, Update, Delete) application built with Spring Boot for the backend and Angular for the frontend. It enables the management of items with features such as routing, CORS handling, and integration with a MySQL database.
https://github.com/walidbosso/springboot-angular-items-crud
angular axios bootstrap cors crud dto-pattern full-stack h2-database items jdbc lombok mysql routing service spring-boot sweetalert2
Last synced: 25 days ago
JSON representation
This project is a full-stack CRUD (Create, Read, Update, Delete) application built with Spring Boot for the backend and Angular for the frontend. It enables the management of items with features such as routing, CORS handling, and integration with a MySQL database.
- Host: GitHub
- URL: https://github.com/walidbosso/springboot-angular-items-crud
- Owner: walidbosso
- License: mit
- Created: 2024-02-10T20:38:10.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-11T19:17:03.000Z (11 months ago)
- Last Synced: 2024-02-11T20:57:24.951Z (11 months ago)
- Topics: angular, axios, bootstrap, cors, crud, dto-pattern, full-stack, h2-database, items, jdbc, lombok, mysql, routing, service, spring-boot, sweetalert2
- Language: TypeScript
- Homepage: https://github.com/walidbosso/SpringBoot-Angular-Items-CRUD
- Size: 194 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://github.com/walidbosso/SpringBoot-Angular-Items-CRUD)
# SpringBoot-Angular-Items-CRUD
## Overview
This project is a full-stack CRUD (Create, Read, Update, Delete) application built with Spring Boot for the backend and Angular for the frontend. It enables the management of items with features such as routing, CORS handling, and integration with a MySQL database.
## Features
- Full CRUD functionality for managing items.
- Integration with MySQL database for persistent storage.
- CORS handling for secure cross-origin communication.
- Bootstrap for visually appealing UI.
- SweetAlert2 for enhanced user alerts.
## Technologies Used
- **Backend:** Spring Boot, Axios
- **Frontend:** Angular, Bootstrap, Sweetalert2
- **Database:** MySQL, H2
## Prerequisites
Before you begin, ensure you have the following installed:
- Java Development Kit (JDK)
- Node.js and npm
- Angular CLI
- MySQL Server
- Lombok: Java library to reduce boilerplate code, making development cleaner and more concise.
## Development Environment
- **Spring Tool Suite (STS):** An integrated development environment for building, testing, and deploying Spring applications.
- **PHPMyAdmin:** Web-based tool for managing MySQL databases.
- **Visual Studio Code**
## Getting Started
1. Clone and fork the repository
2. Set up the backend: open the project on STS
3. Set up the frontend
```bash
npm install
```
4. Set up the database:
- Create a MySQL database based on the application.properties.
5. Run the application:
- Start the Spring Boot backend.
- Start the Angular frontend.
```bash
ng serve --open
```
## License
This project operates under the **MIT License**. Refer to the [LICENSE](LICENSE) file for detailed information.
## Feedback and Contributions
Your feedback and contributions are invaluable! Feel free to open issues, submit pull requests, or connect for discussions.
- Contact me in [LinkedIn](https://www.linkedin.com/in/walidbosso) for questions.
----------------------
> >
© *Walid BOUSSOU* 🇲🇦 😄
----------------------
👏 Thanks for the support
## Stargazers
[](https://github.com/walidbosso/SpringBoot-Angular-Items-CRUD/stargazers)
## Forkers
[](https://github.com/walidbosso/SpringBoot-Angular-Items-CRUD/network/members)
## Contributors
𝚂𝚑𝚘𝚠 𝚜𝚘𝚖𝚎 💙 𝚋𝚢 𝚜𝚝𝚊𝚛𝚛𝚒𝚗𝚐 ⭐ 𝚝𝚑𝚎 𝚛𝚎𝚙𝚘𝚜𝚒𝚝𝚘𝚛𝚢!
