Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Latest commit

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Zesty.ai Full-Stack Engineering Test

Background

Full-stack engineers at Zesty.ai develop our web applications end-to-end, working with modern front-end frameworks, APIs (ours and third parties'), and many kinds of data and imagery.

This test is an opportunity for you to demonstrate your comfort with developing UI and API services, similar to a day-to-day project you might encounter working on our team.

Assignment

Your goal is to create a full-stack web application that allows users to search for and retrieve information about real estate properties (see Feature List). Using your language(s) and framework(s) of choice, you will need to create a front-end and back-end (see API Specification) for your application and connect to the provided PostgreSQL database (see Setup). Your UI and API should both be packaged as containerized services (Docker images).

Note that some features are more difficult than others, and you will be evaluated on more than just the number of features completed. Quality is preferred over quantity. Design, organize, and comment your code as you would a typical production project. Be prepared to discuss decisions you made.

Feature List

  • List all properties: Display, in a tabular format, all properties and their geographic location (longitude and latitude).

  • Property detail page: Show detailed information about a given property, including its image, geographic location, and statistics (if applicable).

  • Containerization: Include Docker image(s) of your application when submitting your final code.

  • Search by coordinates: Prompt the user for a longitude, latitude, and search radius (default 10000 meters) and display, in a tabular format, the results of the search, including the properties' geographic location (longitude and latitude).

  • Map view: Using the Google Maps JavaScript API, display a map centered around either the user's current location, or an address they enter. Display a marker on the map for each property. Clicking on a marker should reveal an Info Window with key property information.

  • Save for later: Allow users to save properties from the List, Search, Detail, and/or Map pages and visit their list of saved properties.

  • Image overlays: Add polygonal overlays to property images to represent either the parcel, building, or both (parcel_geo and buildings_geo fields in the database).

  • Statistics: Calculate geographic data about all properties within a given distance from a reference property. Take propertyId and distance (in meters) as inputs. The API should return the following:

    • parcel area (meters squared)
    • buildings areas (array, meters squared)
    • buildings distances to center (array, meters). Distance to center is the distance from the building to the geocode_geo field in the property table.
    • zone density (percentage). Create a "zone" geography, which is a buffer of distance meters around the geocode_geo point. Then, calculate the percentage of that zone geography which has buildings in it.

Setup

Development environment requirements

You will need to install Docker and docker-compose to run the example database.

Database startup

From the repo root folder, run docker-compose up -d to start the PostgreSQL database needed for this example. The database server will be exposed on port 5555. If this port is not available on your computer, feel free to change the port in the docker-compose.yml file.

In the test database, there is a single table called properties (with 5 sample rows), where each row represents a property or address. There are three geography* fields and one field with an image URL pointing to an image on Google Cloud Storage.

*If you are not familiar with PostgreSQL or PostGIS, you may need to read up beforehand.

API Specification

The API you will be implementing for this project must adhere to the following API specification:

GET /display/:id?(overlay=yes(&parcel=:parcelColor)(&building=:buildingColor))

Fetches and displays property tile by ID. Optionally overlays parcel and building geometries on tile.

example: GET localhost:1235/display/f853874999424ad2a5b6f37af6b56610?overlay=yes&building=green&parcel=orange

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "overlay" | description: Overlays parcel and building geometries on tile | type: string | required: false | validation: enum("yes")

  • "parcel" | description: Indicated building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

  • "building" | description: Indicates building overlay color | type: string | required: false | validation: enum() ex. "red", "green", "orange"

Response

JPEG image


GET /properties

Lists all properties.

example: GET localhost:1235/properties

Response

JSON array of property objects


POST /find

Finds properties within X meters away from provided geojson point.

example: POST localhost:1235/find

Request Body
  • geojson object with x-distance property
example:
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-80.0782213, 26.8849731]
},
"x-distance": 1755000
}
Response

JSON array of property IDs


GET /statistics/:id?distance=:distance

Returns various statistics for parcels and buildings found X meters around the requested property

example: GET localhost:1235/statistics/f853874999424ad2a5b6f37af6b56610?distance=1755000

Request Parameters
  • "id" | description: Property ID | type: string | required: true | validation: length greater than 0

  • "distance" | description: Buffer distance | type: integer | required: true | validation: greater than 0

Response

JSON array including

  • "parcel_area_sqm" | description: Total area of the property's parcel, in square meters | type: float

  • "building_area_sqm" | description: Total area of buildings inside the property's parcel, in square meters | type: float

  • "building_distances_m" | description: Array of [distance, from the centroid of the property, to the centroid of each building, in meters] | type: List[float]

  • "zone_density" | description: Array of [density of each building's area as a ratio to parcel area, dimensionless] | type: List[float]


Submission instructions

Send us your completed application's code by email, or create and give us access to a new private GitHub repository.

Include instructions on how to run your app, and a list of what features you implemented. Add any comments or things you want the reviewer to consider when looking at your submission. You don't need to be too detailed, as there will likely be a review done with you where you can explain what you've done.

About

Zesty.ai engineering test (full-stack)

Resources

Stars

1 star

Watchers

3 watching

Forks

Used by

Contributors