Custom Phone Case Application

Node.js
ExpressJS
React
Facebook Graph API
Instagram API

Mobisfun

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