Have you ever been on a plane and wondered what you're flying over? Maybe you've opened a map to explore?

Meet JourneyPins: An innovative new in-flight experience!

Features

  • Fully interactive 3D map including planes, buildings, trees, and more
  • Realistic airplane simulation with location-tracking in real-time
  • Drop pins like virtual breadcrumbs to leave your mark on the world
  • Attach messages to your pins for other passengers to find
  • Pick up pins to learn about passengers flying near you
  • Collect pins to increase your score and make it to the top of the leaderboard

How we built it

  • The MapBox API provides worldwide map data to populate the virtual world
  • User accounts, scores, pins, and messages are stored in the cloud using Firestore
  • Flutter renders the user interface and manages the lifecycle of our mobile app

Challenges we ran into

  • Optimization was difficult with many 3D models being rendered on a mobile device
  • Using React Native would have increased performance, but also would have complicated loading our 3D models
  • Moving 3D models and dynamically modifying map annotations was difficult to implement with a library that was built for static environments

Accomplishments that we're proud of

  • We have implemented much of the functionality that makes our product stand out: user accounts, scores, instant pin synchronization, 3D rendering, and location tracking

What's next for JourneyPins

  • Pin passports: When you pick up a pin, see where that passenger has been
  • Passenger scoreboard: See how you rank on your flight
  • Notifications when your pins are collected across the globe
  • Airline rewards for high-scoring passengers
Share this project:

Updates