https://github.com/andoniat/realestateproject-spring-gwt

A Real State CRUD Project using Java Spring Boot for the Back-end and GWT for Front-end
https://github.com/andoniat/realestateproject-spring-gwt

Last synced: over 1 year ago
JSON representation

A Real State CRUD Project using Java Spring Boot for the Back-end and GWT for Front-end

• Host: GitHub
• URL: https://github.com/andoniat/realestateproject-spring-gwt
• Owner: AndoniAT
• License: gpl-3.0
• Created: 2024-10-21T20:16:43.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-23T20:15:50.000Z (over 1 year ago)
• Last Synced: 2025-02-12T12:46:15.356Z (over 1 year ago)
• Language: CSS
• Size: 29.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Real Estate 
Spring + GWT

Author: Andoni Alonso Tort

21/10/2024


A Real Estate CRUD Project using Java Spring Boot for the Back-end and GWT for Front-end



Directory back-end : 

Contains the back-end project developped with Java Spring.

Directory front-end :

Contains the front-end project developped with GWT.



Skills acquired in this project:

- Management of classes between server and GWT.

- Asynchronous handling of server calls.

- HTTP requests for APIs developed in Spring.

- Use of Widgets in GWT.

- Route management.

- Interfaces Service and ServiceAsync.

- Class ServiceImpl in server.

- Database connection with PostgreSQL.

- API RESTFUL creation in Spring.

- Test data configuration in Spring.

- CrossOrigin acces.



Project description :


This application is conceived to manage estates in a web application where every user can see all the available appartments and contact the owner to buy.

List of estates :

![](./project-images/1_main_page.png)

In the home page we call the APIs created in our Back-end Spring, in order to show all the information as a list of appartments for the user.

![](./project-images/2_main_page.png)

I decided to add some random images event if the image storage is not even developed so we have a better visual.

Action Buttons :

In each container we have two action buttons.



    


        Details

        


            
If we clicked on this button, we'll see a new window appear with all the estate informations, including the owner's email to contact him.


![](project-images/3_details.png)

            

        

    

    
Delete

        


            
 If we click on the button delete, we will call the API DELETE created in Spring and the estate will be removed, once this call finished, the estate container in the front-end application will be automatically removed.


![](project-images/4_delete.png) We can see how we have removed all the other estates from the application.

            

        

    



Create new estate :

In order to create a new estate we have to click fist on the green button "Create Estate"

![](project-images/5_create_button.png)

This button will show a form that the user has to fill.

![](project-images/6_create_form.png)

In this form we have to put all the informations based on our Object Model,

one we have finished, we can click on submit and create our object.

![](project-images/7_create_submit.png)

If everithing goes well and the estate is created, you will be sent automatically to the home page and you will see your estate added.

![](project-images/8_estate_added.png)