Selecting a Range
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
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.