This device is not compatible.
PROJECT
Go Green: Create a Recycling App Using Angular and Spring Boot
In this project, we'll create a REST API using Spring Boot and get hands-on experience in creating a database. We'll create a fully functional frontend using Angular application architecture. We'll create controllers, components, and services following the Spring Boot structure.
You will learn to:
Implement models in Spring Boot.
Implement REST API in Spring Boot.
Implement frontend of Angular in Angular application architecture.
Create and populate a database.
Handle exceptions on client side and server side.
Skills
Web Development
Web Frameworks
API Development
REST API
Prerequisites
Advanced knowledge of Java
Knowledge of MySQL
Knowledge of Angular application Architecture
Knowledge of Spring Boot annotations
Knowledge of JWT tokens
Technologies
Java
MySql
Angular
Spring Boot
Project Description
The application we’ll create in this project is a recycling app that shows the types of waste. The user can select the type of waste, add the quantity they want to recycle, and get a discount on the total amount.
In this project, we’ll create a web application using Spring Boot, Angular, and MySQL. We’ll handle all the configurations for the MySQL database. We’ll start by creating models and then proceed to create repositories and services and handle configurations and controllers for the REST API. We’ll top it off with exception handling on the backend.
We’ll create the database and run the queries for handling products. Furthermore, we’ll handle all the configurations for the application.
The last part of the project will consist of creating a frontend using Angular. The frontend will contain the Angular model, its services, and its application components.
Project Tasks
1
Introduction
Task 0: Introduction
2
Use Spring Boot to Develop the Backend
Task 1: Create the User Model
Task 2: Implement the Cart
Task 3: Create Repositories
Task 4: Create the UserService Class
Task 5: Create the ProductService Class
Task 6: Create the CartItemService Class
Task 7: Create the JWT User Service
Task 8: Create JWT Utility
Task 9: Create Security Configurations
Task 10: Create the JWT Request Filter
Task 11: Create the API Controller
Task 12: Create the JWT Authentication Controller
Task 13: Handle the Exceptions
3
Configure a Database Using MySQL
Task 14: Create a Database User and Run Application
4
Use Angular to Develop the Frontend
Task 15: Create the App View
Task 16: Create Angular Models
Task 17: Create the Cart Item Services
Task 18: Create the Product Service
Task 19: Create the Users' Service
Task 20: Create the Search Function
Task 21: Create the Login and Register Component
Task 22: Create the Product and User’s Detail Component
Congratulations!