Yes Home

Table of Contents

1.Team. 2. Project Description and Technologies.
3. How to Install and Run the Project.
4. Test: Back (spring boot).
5. User Story: Client and Stakeholders.
6. Figma.

TEAM

* Maite Presa. Product Owner.
* Jesús Fajardo . Scrum Manager.
* Fco Manuel Saavedra Galiano. Developer.
* Sabina Perez. Developer.
* Aida Herraiz Caseres. Developer.
* Maite Presa. Developer.
* Angela Coello. Developer.
* Franci Sánchez Zambrano. Developer.
* Victor Nash. Developer.
* Ahinoa Aguado. Developer.

---

Project Description

Backend with Spring Boot:

The backend part of the application is built using the Spring Boot framework. Spring Boot is a popular and robust tool that enables fast and efficient development of Java applications, providing an MVC (Model-View-Controller) architecture to organize the code.

Frontend with React:

The frontend part of the application is developed using React, an open source JavaScript library for building user interfaces. React is known for its focus on reusable components, allowing for a fast and interactive user experience.

Communication between Frontend and Backend:

Spring Boot is used to develop an API that acts as a communication interface between the frontend and the backend. React uses this API through the useEffect hook to make a request to the Spring Boot backend RESTful API when the component is first mounted. It then uses the useState hook to store the advertisement data fetched in the advertisements state, allowing it to be displayed in the UI and kept up to date as it changes.

Technologies:

---

How to Install and Run the Project

Environment configuration:

Make sure to have Java Development Kit JDK installed on the server where the Spring Boot part will be hosted. Make sure to have Node.js and npm Node Package Manager installed on the server where the React part will be hosted.

Backend the Spring Boot:

Make sure that the database and other application settings are correctly set in the application.properties. Compile the Spring Boot project using the Maven build command, such as mvn clean install to create the JAR file.

Frontend React:

Run the npm install command to install all the necessary dependencies. Configure the API URLs in the React application to point to the server where the Spring Boot part will be hosted. This can be done using environment variables or configuration files, so that they can be easily switched between development and production environments. You can use http://localhost:4000/advertisments.

---

Test: Back (spring boot)

---

User Story: Client and Stakeholders

The Client made the following request:

What are the main domain objects in a marketplace?

1. Advertisement ⇒ the published content: a. Flats, houses, premises, ... in fotocasa or habitaclia.
   b. Job offers on InfoJobs.
   c. Cars or motorcycles on ¿adivinas?
   d. Almost everything (including the above) on milanuncios.
   

2. User ⇒ the person looking for content.
   a. For free!
   

3. Customer ⇒ the person or company posting content.
   a. Also called "advertiser" or "professional user".
   b. The customer pays to publish content.
   

4. Contact ⇒ when the person searching is interested in an ad and decides to contact the advertiser
   a. A perfect match!
   

And some of the main functionalities for our users:

5. Search:
   a. By features.
   b. By free text.
   c. By geographic area
   

6. Favorite ads
   

7. Alerts ⇒ notifications when there are new ads that meet my searches or some other criteria.
   
   

Stakeholders: Value proposition

Welcome to YesHome, your number one destination to find your dream home. We are a vibrant and comprehensive marketplace that connects property buyers and sellers, offering a unique and simple experience for all users interested in the real estate market.

Key features:

Wide selection of properties: At YesHome, we have an extensive database of homes for sale of various typologies, sizes and locations. Whether you are looking for a cozy apartment in the city, a spacious house in the suburbs or a luxurious property by the beach, we have the perfect option for you.

Easy navigation: Our intuitive and user-friendly platform makes finding your next home a hassle-free experience. With powerful search filters and a user-friendly interface, you can refine your preferences and find properties that fit your needs and budget.

Detailed information: We believe in transparency and accurate information. Every property listing on YesHome includes high-quality photos, detailed descriptions and relevant data about the neighborhood, nearby amenities, key features and more. So you can make informed decisions.

Verified user profiles: We ensure the safety and trust of our users by verifying profiles. Both buyers and sellers must go through an authentication process to ensure the legitimacy of transactions.

---

Figma

---