Ravenous is a Yelp-like React app to search for restaurants using the Yelp API. Part of the Create a Front-End App with React Path at CodeCademy.

The deployed app is available here. A screenshot of the restaurant search functionality is below.

• A web browser (tested on 98.0.1108.56 (Official build) (64-bit))

• User can search for restaurants
• Users can view a list of restaurants returned by the Yelp API
• Users can sort through restaurants using a filter

• Create React App
• CSS
• Git and GitHub
• HTML
• JavaScript
• Netlify (CLI, functions)
• Node.js
• React, ReactDOM
• Yelp API

npm i
npx netlify dev

This deploys the app to Netlify

npm i
npx netlify build
npx netlify deploy

Yelp Fusion API Business Endpoints

• Make addresses clickable and have them open the address in Google Maps in a new tab
• Make images clickable and have them open the business’ website in a new tab
• Clicking on a different sorting option automatically requeries the Yelp API, rather than having to manually click “Let’s Go” again
• Implement your own type of sort (for example, by entering a distance or radius from a central location)
• Allow you to search by pressing “Enter” (or “Return”) on your keyboard, as opposed to manually clicking
• Add autocompletion of addresses to the “Location” input