Super-minimal version approach:
-
On page load, get the location of the user (latitude + longitude) using HTML5 geolocation. This is done using Javascript, as in this example: http://www.w3schools.com/html/html5_geolocation.asp
-
Show user a simple form with just a text box and button ("Search"). Then, the user enters the name of the restaurant they're looking for into the box and clicks the button.
-
The form submits the user's text as well as the latitude/longitude from step 1 (as hidden fields in a POST request), this goes to a URL you've coded on the backend.
-
On the backend, the web app feeds the text and lat/long into a Yelp API search ( http://www.yelp.com/developers/documentation/v2/search_api#searchGC ) and then grabs the first result, and shows it to the user with whether "accepts credit cards" is true or false [see note below.]
- Note: While Yelp shows "credit cards accepted" on the web site, it's unclear whether that particular data item is available through the API. I'd try out an API call using their examples first to see whether it does. If it doesn't, you could potentially cheat and do a full web request to the web site (though it's not totally kosher.)