Instagram Realtime API proof of concept
Failed to load latest commit information.
public Styling details Apr 4, 2012
.gitignore First commit Apr 3, 2012
.rvmrc First commit Apr 3, 2012
Procfile web process Apr 3, 2012 Heroku thanks Apr 4, 2012
app.js Comments FTW! Apr 4, 2012
index.html Remove controls from GMaps Apr 4, 2012
package.json Remove specs to compact data Apr 3, 2012

Instagram realtime demo

This Node.js application implements a client of Instagram realtime API:

  • it receives notifications of new activity in a given geography (in this case, the center of Madrid, Spain),
  • and, if the notification is valid, the last photo of the geography is fetched from the traditional API,
  • and, if this photo is valid, it is send through a websocket channel named 'photos',
  • then, a websocket in the frontend view (index.html) gets the photo and represents it in a map

Each of these two functionalities is performed in the files:

  • app.js: which contains the main Node.js application
  • index.html: which renders the map and gets notifications through a websocket from the Node.js application

To see the project on-line visit this URL: (

Special thanks

  • @denegro for the HTML and the CSS
  • @cartodb for the styling of the map
  • @heroku for hosting the application and making the deploy in such a trivial thing