aemcdonald / travel-tracker-solo-project Goto Github PK

• build out basic HTML traveler dashboard based off wireframe

When a traveler books their trip:

• need to submit their trip details to the "Add new trip" endpoint via POST
  https://fe-apps.herokuapp.com/api/v1/travel-tracker/data/trips/trips

• a user should be able to log in with username & password

• lighthouse accessibility score minimum 90%
• Aria descriptions for user interactions
• Acceptable color contrast for WAI standards
• Create a branch & push up to GH for accessibility audit BEFORE moving on to iteration 3

• sketch out basic pages of travel app

SCSS buildout & styling for login page

• test traveler method for getting past trips

• test traveler method for getting present trips

• test traveler method for getting upcoming trips

• test traveler method for getting pending trips

• Create FETCH function that will get all trips a traveler can choose to take:

https://fe-apps.herokuapp.com/api/v1/travel-tracker/data/trips/trips

• Class method to get a traveler's pending trips

App must be fully responsive

Login Page:

• input for username
• input for password
• submit button to submit login credentials that takes them to their dashboard page

To Make a Trip Request:

• traveler should be able to select a date (need a calendar so they can select a date, may need to use moment.js?)
• need an input field for number of days their trip will be (trip duration)
• need an input field for number of travelers (# travelers)
• need a dropdown for list of destinations (destinations)

Once a user selects their trip information, need to display the estimated cost including a 10% travel agent fee

• Display the trip cost to the user, include 10% travel agent fee

• Create button to book the trip

Calculate total estimated cost of a trip including 10% travel agent fee

Need to create safeguards for user input when booking a trip
ie: incomplete name, passing a word as a traveler number, not entering a duration, etc.

• Create FETCH function to get all destinations that a traveler can choose from

• a traveler should see a login page when they first visit the site

• should be able to login with their unique credentials

• upon logging in, should be able to view their dashboard

SCSS buildout & styling for traveler dashboard

• Create method that calculates a traveler's total amount spent on trips this year based on the trips data & including a 10% travel agent fee

• Class method to get a user's upcoming trips

• create function that will get a single traveler's information via FETCH request

https://fe-apps.herokuapp.com/api/v1/travel-tracker/data/travelers/travelers/

where will be a number of a traveler’s id

When a user books a trip, it needs to have a default status of "pending", how do I do this?

• Create a POST fetch that will submit a trip booked by a user

https://fe-apps.herokuapp.com/api/v1/travel-tracker/data/trips/trips

{
id: ,
userID: ,
destinationID: ,
travelers: ,
date: <string 'YYYY/MM/DD'>,
duration: ,
status: <string 'approved' or 'pending'>,
suggestedActivities:
}

• Class method to get a user's present trips

• Once a traveler submits their trip request, it will show on their dashboard as "pending"
  so the travel agency can approve or deny it

• Create test for a traveler's total amount spent on trips this year. Total amount should be calculated from trips data & should included a 10% travel agent fee

traveler should see:

• All of their trips (past, present, upcoming & pending)
• total amount they spent on trips this year

• class method to find a user's past trips