Spark in Photos



Paul Loh, Christiana Guan, Jasper Zhu, Cindy Wei, Haley Kang, Dhatri Medarametla, Marcel Kida


Background


In Spark, we’ve made a lot of good memories over the years, memories that we want to look back on and remember fondly. Photos have been a precious way of keeping these memories, but we wanted a way of looking back at everything Spark, all at once. Spark-in-photos serves as our online photo album–a way of automatically collecting and showcasing all the memories within Spark (and our Slack) in one place. With our slackbot constantly scraping our social channels for pics, we’re able to upload them to our cloud storage and display them in a beautiful, infinite-scrolling gallery.



Demo




Timeline


  1. Tail end of Fall 2022 - Figma Designs Created
  2. Feb 31 2023 - Backend integration with Cloudinary
  3. Mar 15 2023 - Slack bot uploads to Cloudinary
  4. Mar 25 2023 - Frontend integration
  5. Apr 1 2023 - Infinite Scroll and animations



Challenges


  • One challenge we faced was choosing a decent photo storage cloud provider - one that allowed a good upload API while allowing us to query efficiently by date. Eventually we chose Cloudinary for its ease of use and easy plug-ins.
  • Another challenge we faced was CORS issues trying to directly call Cloudinary from our front-end - eventually, we created a proxy NodeJS server to make Cloudinary calls!



Takeaways


We learnt that projects can come in many shapes and forms - this project is more of an internal community gallery, and its back-bone is actually the slack bot that powers the uploads. It was a fun time getting the slack bot to work, and it’ll be just as fun programming more of them in the future.



Looking Forward


Lots of things - animations, searching by filters, facial recognition, clustering photos using ML vectorings and much more!