I made full stack application with Spring Boot, React, MySql. This system is Dog System Application to manage dog age, name, address, and type.
Backend code is written by Spring Boot framework with Java language.
I made 6 classess as below.
To enable connection between Frontend and Backend side, I added @CrossOrigin in DogController.
Frontend code is written by React with Java Script.
I used Material UI to visualize contents much better for users.
I set useState for each values (age, name, address,type) and set functions for each value too.
And, use those functions for the event handler(onChange) which happens when each text field is changed.
For database, I used MySql with phpMyAdmin for managing in the local server.
It allows to store datas (e.g, age, name, address, type) that user inputs.
Regarding API, I used postman to check a communication between java and react.
It enables to try how codes works after inputs each data and how the result is when user inputs from the website.
- When I tried "POST" to the database
2. When I "GET" all datas from the database.
Finally, the website outlook is the image below.
1. User inputs view
2. User outputs view
