Skip to content

A location-based "click & show" pictures utilizing Google Maps & Instagram API's

Notifications You must be signed in to change notification settings

gkessman/fotomap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fotomap

alt tag

Fotomap is an application utilizing Google Maps' & Instagram's API's to leverage a small location-based photo fetching service. Clicking anywhere on the map will return a set of 20 pictures within the provided radius of the latitude & longitude clicked. The slider placed below the map allows for radius adjustments, from anywhere between 0 - 3000 meters.

Note: This project is currently using a sandbox license of Instagram's API. Regardless of location or radius provided, the API will always return a response including only 20 images, tagged within the radius of the location provided.

This is an application built from scratch utilizing technologies such as Node.js, Express, AngularJS, and Gulp.js as a build system.

Getting Started

Dependencies

The following must be installed first before running the application:

Quick Start

  1. Clone the project to directory of your choosing.
  2. In bash/terminal/command line, cd into your project directory.
  3. Run npm install to install required dependency modules.
    • Running npm install will also perform a postinstall script step to install Bower components at the same time.
  4. In server.js, replace <INSTAGRAM-API-ACCESS-TOKEN> with your own Instagram API Access Token.
  5. In public/index.html, replace <GOOGLE-MAPS-API-KEY> with your own Google Maps API Key.
  6. When components are done installing and API keys are added, run gulp to compile & minify necessary files and spin up the Node server.
  7. Your browser should automatically open with an instance of the application running, otherwise navigate to localhost:7000 to access.

About

A location-based "click & show" pictures utilizing Google Maps & Instagram API's

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published