Airport Codes Quiz

Inspiration

Our inspiration for the "Airport Codes Quiz" project came from a desire to create an engaging and educational game. We wanted to develop a fun way for people to test their knowledge of airport codes while exploring the world of aviation.

What it does

The "Airport Codes Quiz" is a web-based quiz game that presents users with a location. The user then has to select the correct airport code from a list of options that come from clustering the airport locations around the current location. The game keeps track of their score and provides instant feedback on their answers. It offers an enjoyable and interactive way for aviation enthusiasts to learn more about global airports.

How we built it

We built the "Airport Codes Quiz" using React.js for the frontend, creating a dynamic and responsive user interface. We then used CSS to style the application. The game logic, including the generation of questions and scoring, was implemented using JavaScript and React concepts like useState.

The data for airport codes comes from open.canada.ca/data. The data was loaded into Codespace jupyter notebook to generate JSON data to work with react app.

What's next for Airport Codes Quiz

-Expansion: We plan to expand the quiz with more airport codes, including those from less commonly known airports and regions.

-Multiplayer Mode: Introducing a multiplayer mode where users can compete against each other in real-time.

-Educational Resources: More seriously incorporating educational resources about airports and aviation.

-Mobile App: Developing a mobile application version for on-the-go learning and entertainment.

-Localization: Offering the quiz in multiple languages.

-Community Engagement: Building a community around the quiz, where aviation enthusiasts can share their knowledge and experiences.

Built With

• codespaces
• react