Dining in the Rough is a web application designed to help people efficiently find places to eat that are both inexpensive and highly rated, using Yelp and Google Map APIs.
Basic HTML/CSS build based on wireframe:
Header
Header/search background image
Location search bar (with "use my location" button)
Area to render results
User Story 2: As as user, I want to be able to search cheap restaurants with a good particular menu item near me.
DOD:
Search bar on page is replaced with “What are you looking for?” Div containing two buttons (button 1: cheap eats near me, button 2: a specific food item near me)
If button one is clicked, the location search bar comes up (same as issue 2)
User Story 2: As as user, I want to be able to search cheap restaurants with a good particular menu item near me.
DOD:
Search results are rendered to the page in the following format:
sort by rating of the search term (if possible)
OR results “here are cheap eats near you that have French fries”
DOD:
A third button is added to homescreen, so all three buttons should read
“cheap eats near me”
“a specific food item near me”
“discover the best foods at a specific restaurant”
2. If button 1 or 2 comes up, the same actions occur (issues 2, 6)
-Search results appear as separate bordered divs
-Decrease to have fewer lines displayed (i.e. move some things to same line)
-Potential include thumbnail image
DOD:
That variable is put into an API call to yelp and web scraper that uses the following parameters:
restaurant name
frequency of frequency foods mentioned (is this possible?)
food rating