AAirport Map

Login Page
Recommendation Page
Personal Flight Information Page
Integrated Interactive Map
Flight Status Page

Inspiration

Airports can be chaotic, and navigating them is a challenge, especially for passengers with unique needs like parents with toddlers or people with service animals. The idea for this project came from utilizing a tool that could simplify this experience by providing personalized location recommendations based on the traveler's profile. We wanted to make airports less overwhelming and more accessible for everyone.

What it does

AAirport Map is a location recommendation system designed for airports. It takes a user’s profile (having a service dog, traveling with a child, needing accessibility features, etc) and suggests personalized locations, such as nursing rooms, pet relief areas, lounges, or dining spots. The project also integrates interactive maps to guide users directly to these locations, helping passengers save time and reduce stress.

How we built it

We started by building the frontend using React Native with Expo to make the app compatible across IOS and Android platforms. The backend logic maps user profiles to relevant airport services, and we embedded a WebView to display airport maps directly within the app. We also used dynamic state handling to customize recommendations for each user. To keep it secure, sensitive user data is stored in environment variables, and recommendations are generated using predefined rules powered by AI.

Challenges we ran into

One of the biggest challenges we faced was coming up with solutions for embedding interactive maps. Ensuring the maps rendered properly across different devices and platforms wasn’t easy. Another challenge was structuring the recommendation logic to feel seamless and intuitive while still being dynamic. Balancing performance and usability was also challenging, especially when handling user profiles and live updates.

Accomplishments that we're proud of

We’re proud of making a navigation map feature more visible and accessible. Integrating interactive airport maps and providing personalized recommendations was a fulfilling challenge. This is our first time working with React Native, and successfully completing the project feels very rewarding.

What we learned

This project taught us a lot about dynamic app design and the importance of user experience. We gained new knowledge and experience working with React Native, state management, and embedding external content like apis and maps. We also learned how to approach accessibility and inclusivity in design, which made us think more critically about the needs of different passengers.

What's next for AAirport Map

The next step is to expand the recommendation system to include real-time flight updates and integrate more airports. We’d also like to work on offline capabilities so passengers can still access key features even without internet connectivity. Adding more personalization options, like dietary preferences or favorite airlines, would also take the app to the next level.