Code Monkey home page Code Monkey logo

vacantsearch's Introduction

vacantsearch's People

Contributors

amab avatar bganglia avatar bransonf avatar dacresni avatar dependabot[bot] avatar dwmonsanto avatar jeremyblalock avatar jigglepuff avatar mrao2 avatar mrpetrocket avatar nstranquist avatar worldofthecell avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

vacantsearch's Issues

impliment Flyto

take coordinates from results JSON and put into flyTo map function that activates from onclick event when list element is clicked on.

Make filter query faster

  • create index for primary key column (if doesnt exist already)
  • put geojson in main table
  • make view

Visual changes to the Results list

  • Add an expand/contract chevron at the top-right of each Result. Rationale: otherwise, how else will the user know that the Result expands?
  • Larger margin between lot title and lot properties.
  • Larger margin between lot properties.
  • Show price in a different color - green? But this one is debatable.

Rough phone pic of what the Result could look like. Ignore the line dividing the two sections - that is just demonstrating what makes a collapsed Result vs an expanded result.
20191206_134103

Filter Results list by clicking on Results legend icons

The Results legend has the building, lot and possible icons - if the user clicks on those icons, filter the Results list to only show the selected type. This will require some UI thought; should the legend icons become chips?

Create view in Database

also...

  • make calculated attributes (i.e. full bathrooms, half bathrooms)
  • convert varchar types to float (e.g. price)

App icon

After the React port, the Vacancy app could use an icon. See the frontend/public folder for appropriate sizes.

Change Search Result Content

  • Hide id, nbCode from search result.
  • Change heating to Yes/No.
  • Display other useful information from the backend api

Currently the search result shows the following:

     id: 12832000092
     nbCode: 1
     acres: 0.0517677
     building: single family
     walls: frame
     basement: full basement
     heating: 1

The backend API returns the following info:

    "results": [
        {
            "_parcel_id": "10359000170",
            "acres": 0.0500332,
            "attic": 1,
            "basement_finished": "unfinished",
            "basement_type": "full basement",
            "bath_full": 2,
            "bath_half": 0,
            "bath_total": 2.0,
            "bldg_type": "two family",
            "central_heat": 0,
            "com_grd_flr": 0,
            "construction": "",
            "garage": 0,
            "lot_type": "Vacant Building",
            "nbrhd_code": 63,
            "nbrhd_name": "Old North St. Louis",
            "num_stories": "2 story",
            "parcel_geojson": "[[[[-90.19463624658201, 38.65174091963114], [-90.19457335988255, 38.65176068486527], [-90.19443023857245, 38.651472213053985], [-90.19449331299239, 38.65145283036157], [-90.19463624658201, 38.65174091963114]]]]",
            "price_bldg": null,
            "price_lot": null,
            "price_residential": 11000,
            "price_sidelot": null,
            "size_sqFt": 2179.44,
            "street_addr": "1 MONTGOMERY ST",
            "wall_material": "brick",
            "ward_num": 3,
            "zip": 63106
        }

Running a search resets the search form

Branch: UI-refactor
If I run a search, the search form will be reset. I think this is because I am erasing the search form from the dom and then re-adding it when the search is done. I think the solution here is not to do the conditional "form vs search progress bar" render, and instead to just hide the piece that is not being shown at the time.

Results “accordion” action

If I click a result in the Results tab, the result should toggle expanded or collapsed. The styles for this action already exists; see toggleResultsItem in main.js

Create icons on map for search results

When a search is done, it would be nice to have pins for the results on the map in order to identify the search results on the map. See icon example below.
Screen Shot 2020-03-03 at 7 14 15 PM

Make query faster

  • currently, queries take 5-10 seconds to complete. Make it faster.

Fix Database missing/inconsistent fields

  • Price fields (VB, NC, SL) is mostly not populated: may need to look into/rework automation.
  • Check if some varchar fields can be generated as int or bool (e.g. num stories, basement_finished etc.)

Full list of attributes being utilized as of 08/09/2019:
"_parcel_id"
"acres"
"attic"
"basement_finished"
"basement_type"
"bath_full"
"bath_half"
"bath_total"
"bldg_type"
"central_heat"
"com_grd_flr"
"construction"
"garage"
"lot_type"
"nbrhd_code"
"nbrhd_name"
"num_stories"
"price_bldg"
"price_lot"
"price_residential"
"price_sidelot"
"size_sqFt"
"wall_material"
"ward_num"
"zip"

Change sidebar icon when sidebar is closed

Possibilities could be either the "filter_list" or "tune" material icons. You may need to choose a different icon depending on what we have available in our icon set.
Rationale: give the user an idea that they are opening an important menu vs "we are expanding something and we have no idea what it is".

Automated demo page deploy for new ui

Branch: UI-refactor
The current ui magically meshes with the Github page listed in the readme. The demo page always shows the latest ui code on master. The new ui requires an intermediate build step and will need a different deployment method. Ideally, the Github page from the readme will still show the latest ui from master without any intervention on our part.

README rewrite

Currently root directory README.md is about how to set up the backend. Find a better place for backend README to live, write a new README.md for newcomers

create search panel

  • address input/neighborhood
  • price range preference
  • building type (single family, duplex, etc.)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.