Skip to content

Latest commit

 

History

History
22 lines (15 loc) · 1.2 KB

README.md

File metadata and controls

22 lines (15 loc) · 1.2 KB

A React application that lets you point a marker on dynamic google map and fetch all photos that are geotagged to the location.

It is fully responsive and mobile first.You can put a marker on a location by clicking. Then you can see the pcitures publically tagged at the location in FLickr.You will have different paginated gallery for the pcitures. If no tagged photos are there for a location you wil get a can't find message.

react-google-maps Api is used for the google map and geolocation data baesd on marker.
Flickr Api is used to fetch the geotagged public photos.
Bootstap is used for styling.

Screenshots

MainScreen gallery nopic

Steps to run:

  1. Clone the repo
  2. Create a .env.local file in root and add API keys 2.1 REACT_APP_GOOGLE_MAPS_API_KEY variable for google maps key 2.2 REACT_APP_FLICKR_API_KEY variable for flickr key
  3. Run with npm start