Skip to content

A React application where user can put a marker on google map and fetch all public photos tagged to the location from Flickr API.

Notifications You must be signed in to change notification settings

00kaku/map-images

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A React application where user can put a marker on google map and fetch all public photos tagged to the location from Flickr API.

Resources

Stars

Watchers

Forks