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