nearby-restaurants's Introduction

Nearby Restaurants

A React-Based Web Application to find nearby Restaurants using Google Places API

Features

Display X places by default using a static location (Near Eiffel Tower)
Ask for the User Location using Geolocation API
Center the map to the user's location & Update the places according to the user location
Each place has an Image, Address, Phone, Total Rating, Reviews
Sort Places by Reviews (Highest, Lowest, Randomaly)
Show All Reviews for the selected place
Add New Review for the selected place
Add New Place; It will be added to the Places List & New Marker on the Map

Getting Started

git clone https://github.com/elharony/Nearby-Restaurants.git
cd Nearby-Restaurants
npm install
npm start or yarn start

The app will work on your localhost! 🚀

API Usage

This project relies on Google Console API, it's paid and I couldn't offer the API KEY in the project directly. That's why you have to create your own API KEY, and use it within the project to run it. Please follow the instructions below to add your own API KEY:

In the root directory, create a new environment file, called .env
Copy/Paste the following line:

REACT_APP_GOOGLE_MAPS_API_KEY = "PASTE_YOUR_GOOGLE_MAPS_API_KEY_HERE"

Make sure to replace PASTE_YOUR_GOOGLE_MAPS_API_KEY_HERE with your Google Maps API Key!

Inside The App

Contributing

This is my 7th Project in The Front-End Developer Diploma at OpenClassrooms, and there's no need to contribute to this project. But if you're interested, you can Fork it, and build something cool upon it!

Recommend Projects