Collaborate to make responsive on small screens.

#Definition of Done

Displays the results to the page
Sort by rating

Definition of Done

Basic HTML/CSS build based on wireframe:
Header
Header/search background image
Location search bar (with "use my location" button)
Area to render results

DOD: Rotating background image on load of site

Using Yelp API call, pulls in all restaurants displayed, pinned on a map

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)

#DOD:

• User can only see one info window open at a time
• Adds "open now" or "closed" to info windows

DOD;
-Adds function to show error message if error services aren't supported

#DOD:

Results section is emptied out every time user enters a new zip code

Adds dropdown selector for user to choose preference for sorting of results (best rated, near me, etc.)

DOD:

Results render section shows if it is currently open or closed

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:

When user clicks, use my location, the geolocation API pinpoints their latitude and longitude.

Reference: geolocation.js

User Story 2: As as user, I want to be able to search cheap restaurants with a good particular menu item near me.

DOD:

1. That variable is put into an API call to yelp that uses the following parameters:
   search term
   $
   2 miles

On click of restaurant, user can see live Twitter feed for mentions of that particular restaurant

Adds a user input/variable for the number of results.
Adds as parameter in API call to Yelp for all 3 scenarios

DOD:

1. Site includes Yelp logo
2. Yelp logo links to yelp.com
3. If using Yelp stars, ensure links go directly to the full reviews
4. Read more links are included for full excerpts

Full details: https://zh.yelp.com.hk/developers/display_requirements

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

DOD:

OPENING UP AN INFO WINDOW DISPLAYS THE RESTAURANT NAME, ADDRESS, HOURS OF OP

User Story 2: As as user, I want to be able to search cheap restaurants with a good particular menu item near me.

DOD:
If button two is clicked, a new search bar comes up that requests a search term stored as a variable.

Search results are rendered to the page to show “these are the top 10 foods mentioned in reviews at XXX restaurant”

DOD:

-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:
If the third button is clicked, a new search term comes up that asks for restaurant name
The restaurant name is stored as a variable.

Adds function to save restaurants in side div for future reference

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)

DOD:

Site is mobile responsive and all images and divs conform to the screen size accordingly.

DOD: Page shows a dynamic circle, scrollbar, etc. while the API call is working

DOD:

each property needs to have inner html so that it can be formatted with CSS

#DOD:

Every time a user hits submit, input box is cleared

DOD:

Errors for incorrect zip code or results display on screen.

Definition of Done

Makes API call to Yelp with parameters of $, 2 mile radius of location, 4-5 star ratings
Store results in variable

Definition of Done

Add two event listeners:

1. "Use my current location"
2. "Search"

Has function for "use my current location" with API call for latitude/longitude
Stores latitude and longitude as variables

Has function for "search"
If user enters zip code, stores var zip code