https://github.com/codelikeagirl29/ravenous

Search local businesses with Yelp API
https://github.com/codelikeagirl29/ravenous

ajax-request api-client css javascript ravenous react react-api yelp-api

Last synced: 6 months ago
JSON representation

Search local businesses with Yelp API

• Host: GitHub
• URL: https://github.com/codelikeagirl29/ravenous
• Owner: CodeLikeAGirl29
• Created: 2022-12-08T18:35:16.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-16T20:37:48.000Z (almost 3 years ago)
• Last Synced: 2025-03-26T21:13:52.570Z (10 months ago)
• Topics: ajax-request, api-client, css, javascript, ravenous, react, react-api, yelp-api
• Language: JavaScript
• Homepage: https://ravenous-one.vercel.app
• Size: 5.94 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Ravenous

A client-side React application, utilizing the Yelp API to search for local businesses.

## Screenshots

![App Screenshot](https://res.cloudinary.com/codelikeagirl29/image/upload/v1670503455/projects/ravenous_alcgac.png)

## API

#### Signup for an API Key [here](https://www.yelp.com/developers/v3/manage_app?app_created=True)

Locate the ```src/util/Yelp.js``` and add your ___clientId___ and ___secret___ variables.

| Parameter | Type     | Description                |

| :-------- | :------- | :------------------------- |

| `clientId` | `string` | **Required**. Your client |

| `secret` | `string` | **Required** Your API key |

Inside your root directory, using npm, install 

```npm i whatwg-fetch polyfill```

In your own browser, visit [cors-anywhere.herokuapp.com/corsdemo](https://cors-anywhere.herokuapp.com/corsdemo) and click ***“Request temporary access to the demo server”***

## Features

Below is a list of some potential features to add to Ravenous:

 - 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

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://lindseyk.dev/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/lindsey-howard)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/dev_lindseyk)

## Acknowledgements

- This project is based off [Codecademy's tutorial](https://www.codecademy.com/paths/build-web-apps-with-react/tracks/bwa-ajax-requests-and-api-interactions/modules/bwa-ravenous-part-four/projects/interacting-with-yelp-api) on React with AJAX Requests & API Interactions.