As a user, I want flight data to be shown in a tabbed component, so that I don’t need to scroll to see all of the information
Currently, flight data is displayed in accordions
AC:
[ ] Flight data is displayed in a tabbed component
As a user, I want to be able to view aircraft information
AC:
[ ] App makes an api call to the aircrafts table and retrieves the aircraft info for the flight’s tailnum
[ ] Aircraft info is displayed in the same tabbed component as the flight info
[ ] Loading component is used while fetching the aircraft info
Changes Made
Flight data is now displayed in a tabbed component
Added call to API for aircrafts
Have a "Loading..." display instead of the tabbed component while waiting on the API call for the aircraft information
Display aircraft info as one of the tabs in the flight data tabbed component
Cleaned up some of the es-lint warnings
Type of Changes
Type
🐛 Bug Fix
✓
✨ New Feature
🔨 Refactoring
💯 Add tests
🔗 Update dependencies
📜 Docs
Testing Steps / QA Criteria
Set up and run the Flask API
In ch2-flight-search-api/creds add a service account KEY FILE
Run the following command:
export GOOGLE_APPLICATION_CREDENTIALS="[PATH TO KEY FILE]"
In ch2-flight-search-api install or activate your python virtualenv and install all packages in requirements.txt
Run the following command to start the application:
python3.7 run.py
The REST API should now be available on http://localhost:5000
Set up and run the front end
In ch2-flight-search-fontend run npm install to install project dependencies.
Run npm run start to start the application
The application should be available on http://localhost:3000
User Stories
As a user, I want flight data to be shown in a tabbed component, so that I don’t need to scroll to see all of the information Currently, flight data is displayed in accordions
AC:
As a user, I want to be able to view aircraft information
AC:
Changes Made
Type of Changes
Testing Steps / QA Criteria
Set up and run the Flask API
ch2-flight-search-api/creds
add a service account KEY FILEch2-flight-search-api
install or activate your python virtualenv and install all packages in requirements.txtThe REST API should now be available on
http://localhost:5000
Set up and run the front end
ch2-flight-search-fontend
runnpm install
to install project dependencies.npm run start
to start the applicationThe application should be available on
http://localhost:3000