{"id":385,"date":"2014-09-02T16:15:03","date_gmt":"2014-09-02T16:15:03","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=385"},"modified":"2020-08-21T13:55:21","modified_gmt":"2020-08-21T12:55:21","slug":"introducing-picdeck-a-marvel-hackday-project","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/","title":{"rendered":"Introducing Picdeck &#8211; a Marvel hackday project"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">There's been a lot going on behind the scenes at Marvel over the last couple of months, we're working around the clock on a ton of new features and updates that we can't wait to show you.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">But despite all of that, we still want\u00a0to explore new ideas and technologies.\u00a0It's only natural to be excited by all the great stuff making the news, whether it's the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/developer.uber.com\/\">Uber<\/a>\u00a0API or <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.kickstarter.com\/projects\/253110733\/phenox-intelligent-interactive-and-programmable-dr\">programmable drones<\/a>, the desire to 'make' is impossible to ignore.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Prior to starting Marvel, we had always tried to initiate hackdays at our previous jobs. It was the<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.mobileinc.co.uk\/2012\/02\/just-make-stuff\/\"> same story everytime<\/a> \"when things are more quiet\" or \"when we get more resources\". which of course never happens. Frustration overload.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We vowed that if we ever had a team, those words would never be uttered. Hackdays would be a regular feature and happen every month. Come rain or shine, no matter what, the hackday would take place.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The formula for the day would be simple:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>The hack can be anything, it doesn't need to related to Marvel.<\/li>\n<li>The hack\u00a0needs to be ready to ship by the end of the day, no matter what.<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The benefit of this approach is that\u00a0it forces you to build something that's actually achievable in a day PLUS you get a feel-good buzz knowing that by the time you go home, you would have shipped a brand new product.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We've just hired <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/olegtsaplin\">@olegtsplin<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/seanpreston\">@seanpreston<\/a> (more on that soon), so we kicked off\u00a0our first monthly hackday last Friday.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">After 10 hours and 33 minutes we build <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/picdeck.co\/\">Picdeck <\/a>- a Tweetdeck-style viewer for Instagram.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The idea started when we chatted\u00a0about how cool it would be to see a real-time stream of images from Instagram based on your interests. We're hardcore users of Tweetdeck here and it seemed like the perfect way to display and search for content on Instagram.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/picdeck.co\/\">Picdeck<\/a>\u00a0allows you to set-up individual\u00a0columns for users and hashtags to monitor images as they get posted. It's pretty mesmerising once it gets going.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-08-26-at-5.21.17-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-396 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-08-26-at-5.21.17-PM.png\" alt=\"Screen-Shot-2014-08-26-at-5.21.17-PM\" width=\"1200\" height=\"615\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-08-26-at-5.21.17-PM.png 1200w, https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-08-26-at-5.21.17-PM-600x308.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-08-26-at-5.21.17-PM-768x394.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The rules of the hackday meant we had to ruthlessly prioritise and drop some of the featured we wanted. The main one was the\u00a0ability to define a column based on a location, this would have allowed images to start streaming in from anywhere on a map, a potentially killer tool for journalists covering live events. Also, the site is about as responsive as a rock. MVP!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A few hours after we launched Picdeck, it got picked up by <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/thenextweb.com\/apps\/2014\/08\/26\/picdeck-tweetdeck-instagram\/\">TNW<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/mashable.com\/2014\/08\/28\/picdeck-web-app\/\">Mashable<\/a>, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.theverge.com\/2014\/8\/26\/6071579\/picdeck-is-a-tweetdeck-for-instagram\">The Verge<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.fastcompany.com\/3034865\/fast-feed\/meet-picdeck-the-tweetdeck-for-instagram\">Fast Company<\/a>, which resulted in over 10,000 sign-ups in a week. Amazing!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Here are some interesting stats:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Over 25,000 columns have been added so far with the most popular columns being:<\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>@teslamotors (450 people, we have no idea why this is top)<\/li>\n<li>#GoEags (300 people)<\/li>\n<li>#cycling (162 people)<\/li>\n<li>#hyperlapse (110 people)<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If there's features you want to see in <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/picdeck.co\/\">Picdeck<\/a>, let us know in the comments and we'll add them to the list.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We're already excited about September's hackday, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/marvelapp\">follow us on Twitter <\/a>to find out more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There&#8217;s been a lot going on behind the scenes at Marvel over the last couple of months, we&#8217;re working around the clock on a ton of new features and updates that we can&#8217;t wait to show you. But despite all of that, we still want\u00a0to explore new ideas and technologies.\u00a0It&#8217;s only natural to be excited by all the great stuff&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":1,"featured_media":387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[488],"tags":[],"class_list":["post-385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inside-marvel"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Picdeck - a Marvel hackday project | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"There&#039;s been a lot going on behind the scenes at Marvel over the last couple of months, we&#039;re working around the clock on a ton of new features and updates that we can&#039;t wait to show you. But despite all of that, we still want\u00a0to explore new ideas and technologies.\u00a0It&#039;s only natural to be excited by all the great stuff... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-02T16:15:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T12:55:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/09\/picdeck.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"803\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/09\/picdeck.jpg\",\"width\":1000,\"height\":803,\"caption\":\"tweetdeck for instagram\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/\",\"name\":\"Introducing Picdeck - a Marvel hackday project | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#primaryimage\"},\"datePublished\":\"2014-09-02T16:15:03+00:00\",\"dateModified\":\"2020-08-21T12:55:21+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\"},\"headline\":\"Introducing Picdeck &#8211; a Marvel hackday project\",\"datePublished\":\"2014-09-02T16:15:03+00:00\",\"dateModified\":\"2020-08-21T12:55:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#webpage\"},\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#primaryimage\"},\"articleSection\":\"Inside Marvel\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/introducing-picdeck-a-marvel-hackday-project\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\",\"name\":\"Murat\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60b7fb1722edde45406cb169ec3eb1e56dc54bf074f00186ba92dae286837d96?s=96&d=mm&r=g\",\"caption\":\"Murat\"},\"description\":\"Hi! I'm one of the co-founders at Marvel and a Product Designer by trade. You can often find me asking why Arsenal haven't signed anyone this season. Follow me on Twitter.\",\"sameAs\":[\"http:\/\/marvelapp.com\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=385"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/385\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/387"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}