React App

In order to use the scraped data a react app was developed. The main thing this app does is show a map, with icons for each house, while also showing the distance and travel time:

_images/react_app_example.png

The app works using the generated out.json file from the scrape project. This file is compiled in the app. This makes the loading of the App quite slow. Also a lot of markers has some impact on the performance of the app.

Usage

Copy the generated out.json file that was generated in the usse scrape project to src/locations.json, next you can run the app:

npm run start

This should start a server running the app.

Docker

A dockerfile was created in order to serve the application on Wintergreen. To use the dockerfile you can simply use the bash script: use_docker.sh and run it to run the docker container:

./use_docker.sh

Several commands are supported:

./use_docker.sh remove
./use_docker.sh rebuild

Redeploy

To recreate the app you can run:

./use_docker.sh recreate

filters

The app also has filters for price and distance to various locations:

_images/react_filter.png