American Airlines InFlight Experience

Inspiration

The worst feeling is waking up from a nap on a flight to find the snack cart has come and gone. Your neighbors are enjoying their refreshments and chips while you sit as the pit in your stomach gets deeper and deeper.

What it does

Passengers: -Order your snacks ahead of time and never miss out on a good nap or a refreshing drink. -Contact the flight attendant and ask for commonly requested items such as pillows, blankets, and headphones. -Check the status of your flight's bathroom before getting up and out of your seat. If it is full, you can choose to enter a queue that will alert you when it is your turn. No more fighting for bathroom rights.

Flight Attendant: -See an organized list of snack and drink requests per seat eliminating the need to walk up and down the aisle and having to ask each person individually. -Access a user-friendly interface that notifies you of when a passenger is in need of assistance. Double trips are now a thing of the past. -Reduce the amount of aisle traffic and ensure the safety of passengers by updating the queue as the bathroom becomes available.

How we built it

TEAMWORK! This website was a combination of thoughts and efforts as we collaborated to produce the final product. Using our newly found knowledge of HTML and CSS we explored, learned, and grew as a team, as engineers and as friends.

Challenges we ran into

This was our first Hackathon! A lot of time was allocated to getting familiar with the essential tools to make our vision a reality.

Accomplishments that we're proud of

Matt's Accomplishments I was responsible for creating the customer home page, the customer bathroom queue page, and the customer attendant calling page. I am proud of the style of the webpage, and making a button that you can click on that changes the color and text of the button.

Adam's Accomplishments I learned how to write HTML and CSS during this hackathon to build the menu page of our project. I am proud of the progress I've made in less than 24 hours and will continue after this hackathon to improve.

Yarentzy's Accomplishments My responsibilities included creating the interface between the website and the flight attendant. I created a page that displayed the seating arrangement of the cabin and would alert the attendant if the passenger was in need of assistance. The snack page also compiled a list of the items ordered. The flight attendant bathroom page would allow them to move people along the queue. This was my first ever webpage! It was very exciting to see my thoughts into fruition on the screen. This is definitely a skill I would like to further develop.

Carlos's Accomplishments My main goal during this project was to connect Firebase with some web-development framework. I chose React, and spent most of my time learning how to use its core-line features. I have some prior experience with Firebase Database, but I still had to learn how to connect it with React. This was my main challenge, and given more time, I would have been able to completely implement this feature.

What we learned

The team learned a lot about mostly HTML and CSS. Many tutorials were watched and websites referenced in the making of the project.

A great deal of time was spent searching for the right helpful resources. Utilizing the mentors available to us would have been very useful, and in future projects, we will not be afraid to ask for help.

The database connections and hosting gave Carlos a hard time. The experience gained on this project will help with future projects.