We currently only pull the names of each Restaurant near the user. We would like to enhance this by providing more rich information about the establishment. We would like to display this information on the List View screen of the app.
[ ] distance from the user is displayed directly below the restaurant
[ ] description of the establishment is displayed in a dismissible modal dialog when it is clicked
Technical details
The backend changes for this work may overlap some with #27, so be sure to collaborate with whomever is working on that ticket if you want to avoid stepping on toes. Otherwise there may be merge conflict resolution in your future :wink: The description information may not be readily available from the Google Places web-service API, so that data may need to be retrieved from somewhere else (like Yelp, for example).
We have not chosen a UI framework for doing things like creating modal dialogs, but we are using React, so some options would include using react-bootstrap or material-ui. Whatever choice is made will affect #29 so be sure to collaborate.
For the UI/UX, you can take cues from the mockups at https://kivo.com/p/uLtqwYf8. In general, it needs to be a list, with 2 rows for each restaurant: the first row containing the restaurant name, and the second row containing the distance from the user in miles or feet. The final product doesn't necessarily need to be pixel perfect, it just needs to work. Tightening up the look and feel of the UI can be done over time.
Description
We currently only pull the names of each Restaurant near the user. We would like to enhance this by providing more rich information about the establishment. We would like to display this information on the List View screen of the app.
Wireframe: http://lrdy2r.axshare.com/#p=list_view
Definition of Done
Technical details
The backend changes for this work may overlap some with #27, so be sure to collaborate with whomever is working on that ticket if you want to avoid stepping on toes. Otherwise there may be merge conflict resolution in your future :wink: The description information may not be readily available from the Google Places web-service API, so that data may need to be retrieved from somewhere else (like Yelp, for example).
We have not chosen a UI framework for doing things like creating modal dialogs, but we are using React, so some options would include using react-bootstrap or material-ui. Whatever choice is made will affect #29 so be sure to collaborate.
For the UI/UX, you can take cues from the mockups at https://kivo.com/p/uLtqwYf8. In general, it needs to be a list, with 2 rows for each restaurant: the first row containing the restaurant name, and the second row containing the distance from the user in miles or feet. The final product doesn't necessarily need to be pixel perfect, it just needs to work. Tightening up the look and feel of the UI can be done over time.