Custom Phone Case Application

Facebook Graph API
Instagram API


Mobisfun is an online store that sells phone cases in Brazil. The project consisted in developing an application where users could:

  • Select their phone brand and model
  • Choose a case from a range of different models
  • Fetch photos from their Facebook and Instagram accounts
  • Upload photos from their computer
  • Drag and drop photos to build the case

Here is what it looks like after selecting your phone, case model and fetching your photos from Instagram:

Mobisfun: Initial Layout showcase

Users can mix photos from their social media with uploaded photos and test different combinations by dragging and dropping:

Mobisfun: Layout showcase after user interaction plus code explanation
Third-party modules & cool features
  • Dragula
  • Passport.js
  • Multer
  • Facebook API
  • Instagram API