Neptuniam / openhouse.ai-frontend-test

Liam Jones Front End exercise for OpenHouse.ai written in VueJS with UIKit and Flexbox Grid System

Author

Liam Jones

Exercise

OpenHouse.ai Front End Exercise

Notes

Originally, I interpreted that the statement "The average price of all the homes associated with that community" meant to filter out any properties of type not "House" and included that in my filter conditions.

I eventually decided not to do this as it greatly limited my data to display on the front end.

I use only one dependencies, that being axios which is what is used to perform the REST GET operation. I decided to use two CSS frameworks, listed below, solely for the purpose that I am familiar with them and they made the process a lot easier. Flexbox is a grid system used to make the site mobile responsive. Generally I avoid CDNs for efficiency and consistency but wanted to keep this simple.

You can view my final result at the following link:

http://ljones.ca/openhouse.ai-frontend-test/

or pull my repo and follow VueJSs basic set up steps below:

https://github.com/Neptuniam/openhouse.ai-frontend-test

Dependencies

axios - used for making rest requests

CDNS

Google Fonts - https://fonts.google.com/

Uikit CSS framework - https://getuikit.com/docs/introduction

Flexbox grid system - http://flexboxgrid.com/

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build