Photo Hack Day 4 – InstaTrip

Jorge Zamora and I attended  Photo Hack Day 4 at the Facebook Headquarters. We had attended Photo Hack Day 3 where we built PhotoFly, and this time we were gonna do better because this was our 2nd hackathon together. The only problem was we had no idea what we were going to make this time. I had an idea of taking your face, removing the background and placing it in different places with the song Call on Me by Eric Prydz playing in the background, but that was it. Once we started coding though, we got into it. Our idea changed to faking your vacation by superimposing yourself into vacation photos. We were also going to use the shotgun approach of using as many API’s as we possibly could. Hey maybe we’ll get  awarded with one of the prizes.

So anyway,  we coded all throughout the night, and we created Instatrip which utilized FlashFoto, Sincerely, Filepicker.io, 500px, Aviary, and Dropbox.

Our original project was hosted on my own site http://www.seantburke.com, but I tried porting it over to Heroku, and I believe it has lost some functionality.

http://instatrip.herokuapp.com/

How it works

So basically, you’re presented with the landing page, and then you enter into instatrip. Once you’re in you authenticate with 500px which will then pull all of the latest scenery photos onto the page. You select your picture, and then you click on the person icon to insert yourself. This prompts FilePicker.io for you to select a file, then it begins to remove the background with FlashFoto’s API. After this finishes, you can move yourself in the canvas using Kinetic.js and the HTML5 Canvas, then you edit your photo with Aviary, and finally you send the photo off to Sincerely for it to be made into a postcard.

Prizes:

We ended up winning 2nd with FlashFoto’s API and 3rd with Sincerely’s API

We won $50 Amazon Gift Cards from FlashFoto, and Nerf Guns from Sincerely.

Overall it was a great experience! I love doing Hackathons!

Pages: 1 2