The House Recommendation application is a simple yet powerful UI system that allows users to create and customize a housing layout of M x N dimensions. Users can assign each plot in the layout with either a House, Restaurant, Gym, or Hospital. The application calculates a score for each house based on the availability of nearby services (Restaurant, Gym, Hospital) within a 1km distance. The goal is to recommend the best-suited house for rent based on these criteria.
-
Dynamic Housing Layout: Users can easily create a custom housing layout of any dimensions (M x N) through an intuitive interface.
-
Plot Assignment: Each plot in the layout can be assigned with a House, Restaurant, Gym, or Hospital. However, a plot can accommodate a maximum of one House and can have a combination of services.
-
Unique House Label: Users can add a unique label to identify each House, making it easier to differentiate between different properties.
-
Scoring Mechanism: The application calculates a score for each house based on the availability of nearby services. The closer the services, the higher the score.
-
Recommendation Button: The UI provides a dedicated button that generates a recommendation for the best house to choose based on the calculated scores.
- Frontend: React
- UI Components: Bootstrap
- Clone this repository:
git clone https://github.com/UdhayakumarThangavel/frontend-house-recommendation.git - Navigate to the project directory:
cd frontend-house-recommendation - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit:
http://localhost:3000
-
Upon launching the application, users can set the dimensions of the housing layout (M x N).
-
Click on each plot in the layout to assign a type (House, Restaurant, Gym, or Hospital).
-
Add a unique label to identify each House in the layout.
-
Once the layout is set, use the "Recommend" button to get the best house recommendation based on nearby services.