In this post, I would like to suggest a few free Spring boot + Angular 8/9 projects for learning purposes.
You may be interested in below blog posts:
You may be interested in the below blog posts:
Learn and master in spring boot on Master in Spring Boot
You may be interested in below blog posts:
- 10+ Free Open Source Projects Using Spring Boot
- JSP Servlet Projects with Source Code Free Download
- 20+ Free Open Source Projects Using Spring Framework
- Free Open Source Angular Projects or Templates [GitHub]
- Free Spring Boot Microservices Open Source Projects | GitHub | Download
- Free Spring Boot Angular Open Source Projects | GitHub
YouTube Video
This post explained in-detail in below YouTube video:
Prerequisites
To understand these free spring boot angular projects, you need to have a basic understanding of following tools and technologies:
Server-side technologies
- Spring Boot - 2.0.5.RELEASE
- JDK - 1.8 or later
- Spring Framework - 5.0.8 RELEASE
- Hibernate - 5.2.17.Final
- Spring Data JPA - 2+
Front end technologies
- Angular 8/9
- Bootstrap 3/4
- npm- 6.9.0
- JQuery
- Node js 10+
Tools
- Maven - 3.2+
- IDE - Eclipse or Spring Tool Suite (STS) // Spring boot API development
- Visual Studio 2017 // Angular App development
- Angular CLI
1. Spring Boot Angular Petclinic Project
This is open-source project and the source code of this project was hosted on GitHub.
There are two projects:
spring-petclinic-rest - This backend version of the Spring Petclinic application only provides a REST API.
spring-petclinic-angular - This is a client that consumes REST APIs exposed in spring-petclinic-rest project.
Refer readme.md file of respective projects for installation and deployment locally.
2. Employee Management System App (Spring Boot + Angular 8 CRUD)
This is Employee Management System project developed using Spring Boot and Angular 8.
Basically, this has two projects ( client and server):
- springboot2-jpa-crud-example: This project is used to develop CRUD RESTFul APIs for a simple Employee Management System using Spring Boot 2, JPA and MySQL as a database.
- angular8-springboot-client: This project is used to develop single page application using Angular 8 as front-end technology. This Angular 8 application consumes CRUD Restful APIs developed and exposed by a springboot2-jpa-crud-example project.
Below are the screenshots shows UI of our Employee Management System App:
Sample UI - Employee List Page
Features Implementation
- Create an Employee
- Update an Employee
- List of Employees
- Delete Employee
- View Employee
- You will develop your first FULL STACK Application with Angular 8 and Spring Boot.
Source code
Step by step tutorial at https://www.javaguides.net/2019/06/spring-boot-angular-7-crud-example-tutorial.html.
GitHub repository link at https://github.com/RameshMF/Angular8-SpringBoot-CRUD-Tutorial.
YouTube video at Angular 8 + Spring Boot CRUD Example Tutorial
3. Employee Management System App (Spring Boot + Angular 9 CRUD)
This is the Employee Management System project developed using Spring Boot and Angular 9.
Basically, this has two projects ( client and server):
- springboot2-jpa-crud-example: This project is used to develop CRUD RESTFul APIs for a simple Employee Management System using Spring Boot 2, JPA and MySQL as a database.
- angular9-springboot-client: This project is used to develop single page application using Angular 9 as front-end technology. This Angular 9 application consumes CRUD Restful APIs developed and exposed by a springboot2-jpa-crud-example project.
Below are the screenshots shows the UI of Employee Management System App:
Features Implementation
- Create an Employee
- Update an Employee
- List of Employees
- Delete Employee
- View Employee
- You will develop your first FULL STACK Application with Angular 9 and Spring Boot.
Source code
Step by step tutorial at Spring Boot + Angular 9 CRUD Example Tutorial.
GitHub repository link at https://github.com/RameshMF/Angular9-SpringBoot-CRUD-Tutorial.
YouTube video at Angular 8 + Spring Boot CRUD Example Tutorial
4. Employee Management System App (Spring Boot + Angular 8 + MongoDB CRUD)
This is an Employee Management System app developed using Spring Boot + Angular + MongoDB.
Source Code
Step by step tutorial at https://www.javaguides.net/2019/12/spring-boot-angular-mongodb-crud-example-tutorial.html
GitHub repository at https://github.com/RameshMF/springboot-angular-mongodb-crud-tutorial
5. BookStore App
An online book store is a single page(SPA) web application built from scratch using Angular 8 and Java spring boot with MySQL database.
Sample UI
Github repository at - https://github.com/scbushan05/online-bookstore
If you know any open source spring boot angular projects that are useful for others then provide links in a comment section.
Learn and master in spring boot on Master in Spring Boot
Learn and master in Spring framework on Master in Spring Framework
Related Blog Posts
You may be interested in the below blog posts:
- 10+ Free Open Source Projects Using Spring Boot
- JSP Servlet Projects with Source Code Free Download
- 20+ Free Open Source Projects Using Spring Framework
- Free Open Source Angular Projects or Templates [GitHub]
- Free Spring Boot Microservices Open Source Projects | GitHub | Download
- Free Spring Boot Angular Open Source Projects | GitHub
- Free Spring Boot ReactJS Open Source Projects | GitHub
Free Spring Boot Tutorial | Full In-depth Course | Learn Spring Boot in 10 Hours
Watch this course on YouTube at Spring Boot Tutorial | Fee 10 Hours Full Course