https://github.com/vutsalsinghal/nearby-places

Search nearby places!
https://github.com/vutsalsinghal/nearby-places

circleci devops google-maps-api javascript places-api reactjs semantic-ui-react

Last synced: 2 months ago
JSON representation

Search nearby places!

• Host: GitHub
• URL: https://github.com/vutsalsinghal/nearby-places
• Owner: vutsalsinghal
• Created: 2019-04-07T20:04:08.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-08-29T18:16:30.000Z (almost 7 years ago)
• Last Synced: 2025-08-13T01:45:04.080Z (10 months ago)
• Topics: circleci, devops, google-maps-api, javascript, places-api, reactjs, semantic-ui-react
• Language: HTML
• Homepage: https://nearby-places.vutsalsinghal.xyz
• Size: 5.75 MB
• Stars: 0
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Google Maps Search

[![CircleCI](https://circleci.com/gh/vutsalsinghal/nearby-places/tree/code.svg?style=svg)](https://circleci.com/gh/vutsalsinghal/nearby-places/tree/code)

Search places near you.

(Checkout `code` branch for the source code.)

## About 

- In the home page type in what you want to search for nearby such as "pizza" or "pharmacy".

- You will be redirected to result page where you can scroll through the list and click on place names.

- Your location is marked in yellow, search items in green and items you clicked in the list are shown in red.

- You can also click on the marker to get details.

![ss2](./images/ss2.png)

![ss1](./images/ss1.png)

![ss3](./images/ss3.png)

## Instructions

- To run on local machine:

    - Clone repo `git clone https://github.com/vutsalsinghal/nearby-places.git .`

    - Install packages `npm install`

    - Start dev server `npm start`

    - Note: Create a `.env` file in root dir and add your Google API key as `REACT_APP_API_KEY`

- To run using docker:

    - Clone repo `git clone https://github.com/vutsalsinghal/nearby-places.git .`

    - Install packages `npm install`

    - Update makefile: replace `API_KEY` with your Google maps API key!

    - Run `make run-dev`

### Notes

- You are *strongly* advised to give access to your current location to get good results.

- Uses no backend to make API calls. It's all Rect front-end.

- To circumnavigate CORS issue in localhost, [cors-anywhere](https://github.com/Rob--W/cors-anywhere) is used.

- Due to very less no.of Google Maps API call per day/month, "For developement purposes only" banner might show up on the map.

- Used Circleci for CI/CD to github pages.

- Created a small Docker image (using multi-stage build) to get the app up and running anywhere in no time!