As is the case for many world-changing ideas, this one started with a simple question: why not let FB users make travel plans based on the pages they like?

What it does

Pageport builds an interactive map of the Facebook Pages you have liked and provides you with the tools necessary to keep track of which places you have visited as well as those you hope to visit.

How I built it

Front-end: React

UI Framework: Ant Design

State management: MobX

Database / hosting / authentication: Firebase

APIs: Facebook Graph API, Mapbox

Challenges I ran into

Facebook went down a few hours before the submission deadline, but fortunately everything turned out fine.

Accomplishments that I'm proud of

  • Appealing, minimalist UX
  • Real-time syncing (thanks to Firebase)
  • It works!

What I learned

This was my first time working with the Facebook Graph API, which I found to be quite intuitive. Incidentally, this was also my first time using Cloud Firestore; I was pleasantly surprised by the ease with which I could integrate it into my MobX stores.

What's next for Pageport

The code climate is not what I would like it to be, although I suppose that is expected of most hackathon projects. I intend to clean the codebase up and expand the feature set into a nice portfolio project for my GitHub.

Share this project: