As a user, I want the no flights search to have a return to search page button instead of an anchor tag so it is consistent with the not valid search results
The component for no flights uses an anchor tag to return to the search page, while the component for a not valid search uses a button. Updating the no flights page to keep the two consistent.
AC:
[x] NoFlights component has a button instead of an anchor tag to go back to the search page
As a user, I want to have a graph showing the number of flights of a given airline per day over the search period so that I can see which days have the most flights
AC:
[x] User is presented with a graph on the results page below the flights by airline that shows the number of flights for each airline per day over the requested time period
Changes Made
Add button instead of an anchor tag to go back to the search page when there are no flights found
Add function to store counts of flights for each day when grouping flights by airline
Add component for flights per day for each airline graph
Helper function that creates an array of all dates between the start and end dates inclusive
Helper function to set properties for each dataset for the chart
Helper function to account for days where an airline has zero flights
Add an array of colors for flights per day chart lines
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 the no flights search to have a return to search page button instead of an anchor tag so it is consistent with the not valid search results The component for no flights uses an anchor tag to return to the search page, while the component for a not valid search uses a button. Updating the no flights page to keep the two consistent.
AC:
As a user, I want to have a graph showing the number of flights of a given airline per day over the search period so that I can see which days have the most flights
AC:
Changes Made
Type of Changes
Testing Steps / QA Criteria
Set up and run the Flask API
ch2-flight-search-api/credsadd a service account KEY FILEch2-flight-search-apiinstall or activate your python virtualenv and install all packages in requirements.txtThe REST API should now be available on
http://localhost:5000Set up and run the front end
ch2-flight-search-fontendrunnpm installto install project dependencies.npm run startto start the applicationThe application should be available on
http://localhost:3000