Giter VIP home page Giter VIP logo

instahood's Introduction

Instahood

See it live here: instahood.meteor.com

About Instahood

Finally you can see what's going on in your neighborhood, in real time! Instahood uses HTML5 geolocation to find the most recent instagram photos taken around you, plots them on the map and shows their thumbnails in a gallery. You can interact with the gallery photos or the map icons to zoom into the photo and check out the photo's caption.

Nothing going on around you? No problem! Click anywhere on the map or use the search in the navigation bar to see what's going on anywhere in the world!

Instahood was built in about 3 days at HackReactor as a Meteor application that uses the Google Maps Javascript API v3 and the Instagram API.

Instahood made the front page of Hacker News on March 16, 2013, made it all the way up to the second highest spot and in one week had over 10,000 unique visitors! HackerNews

Instahood was also featured in Mashable's "19 Facinating Maps Apps"

About Me

Instahood was built by Mike Adams about half way through the 12 week Javascript bootcamp at Hack Reactor.

To-Do

  • Instagram OAuth
  • Geo-specific URL's to be shared
  • Polling API for live updates
  • CSS Media Queries for ipad
  • Timestamping
  • Easy List of most popular queries
  • Search by Hashtag

instahood's People

Contributors

adams avatar douglascalhoun avatar

Stargazers

Tyler Longren avatar Cigi avatar Matt Lewis avatar  avatar alex avatar Mikhail avatar  avatar Yuri Drabik avatar JT avatar Vladimir Tkachev avatar Venkata Suhas Maringanti avatar Joe avatar  avatar Aylan Mello avatar Alberto Labarga avatar  avatar Oben Interactive avatar Steve Vandervalk avatar M Haidar Hanif avatar Jacobo López avatar Harold Figueroa avatar Calvin L. Harris avatar Jack Lam avatar Ryan O'Hara avatar Pantelis Koukousoulas avatar Hamza Mousa avatar PhilippeT avatar Benjamin Clark avatar Sean Haufler avatar Martin avatar Christie Hua avatar icantouchthis avatar Yaşar İÇLİ avatar Bart avatar Ryan Srofe avatar  avatar Johannes Merkel avatar Randell S. Hynes avatar Jose avatar wcj avatar Oceanic Life avatar Boris Maryshev avatar Greyarch BV avatar anthony tran avatar Pan Chronopoulos avatar Barbara-Mae avatar kevohagan avatar Coleman Foley avatar Shane Chin avatar Petri Kola avatar Guido avatar Danny Roa avatar Mark Wilbur avatar

Watchers

Hamza Mousa avatar icantouchthis avatar Mikhail avatar  avatar Mike Adams avatar Yuri Drabik avatar  avatar

instahood's Issues

About Maps API and interaction

Hi, I've watched your video in which you present Instahood, but someone of the audience ask with which technologies was this builted and I couldn't hear very well. I know you were promoting Meteor, and I've allready got started using it, but it seems I can't use it for my project and I guess I am having the same issues as you had with Instahood. Could you tell me which framework was usefull to accomplish this? Here is the link, around the min 2:45

https://www.youtube.com/watch?v=0ES28pZ4AZE

Thanks on advance.

Meteor OAuth 2.0 (0.6.4) does not work with current Instagram handshake

Exception while bundling application:
Error: ENOENT, no such file or directory '/Users/guest/.meteor/packages/accounts-oauth2-helper/package.js'
at Object.fs.openSync (fs.js:338:18)
at Object.fs.openSync (/Users/guest/.meteor/tools/cc18dfef9e/lib/node_modules/fstream/node_modules/graceful-fs/graceful-fs.js:68:26)
at Object.fs.readFileSync (fs.js:182:15)
at .extend.initFromPackageDir (/Users/guest/.meteor/tools/cc18dfef9e/tools/packages.js:163:19)
at .extend.initFromWarehouse (/Users/guest/.meteor/tools/cc18dfef9e/tools/packages.js:197:10)
at Object.
.extend.get (/Users/guest/.meteor/tools/cc18dfef9e/tools/packages.js:353:15)
at self.api.use (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:111:28)
at Array.forEach (native)
at Function.
.each..forEach (/Users/guest/.meteor/tools/cc18dfef9e/lib/node_modules/underscore/underscore.js:78:11)
at Object.self.api.use (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:110:9)
at null.on_use_handler (/Users/guest/Desktop/hack-meat/Instahood/packages/accounts-instagram/package.js:7:9)
at .extend.use (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:464:11)
at self.api.use (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:114:21)
at Array.forEach (native)
at Function.
.each.
.forEach (/Users/guest/.meteor/tools/cc18dfef9e/lib/node_modules/underscore/underscore.js:78:11)
at Object.self.api.use (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:110:9)
at _.extend.init_from_app_dir as on_use_handler
at _.extend.use (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:464:11)
at Object.exports.bundle (/Users/guest/.meteor/tools/cc18dfef9e/tools/bundler.js:873:12)
at /Users/guest/.meteor/tools/cc18dfef9e/tools/run.js:697:26
at exports.inFiber (/Users/guest/.meteor/tools/cc18dfef9e/tools/fiber-helpers.js:24:12)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.