Skip to content

CS4550 Web Development (Spring 2018): Project 2

Notifications You must be signed in to change notification settings

kimberlypn/TravelPal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 

Repository files navigation

TravelPal

Collaborators: Kimberly Nguyen, Longsheng Lin, Matt Dang, William Guo

TravelPal: https://my-travelpal.herokuapp.com/

Course Website: http://www.ccs.neu.edu/home/ntuck/courses/2018/01/cs4550/

Introduction

TravelPal is a social flights application that allows users to search for and book flights and hotels, maintain a diary of past trips, and keep up with their friends’ travels. The application aims to serve as a platform for travelers on a budget and to provide a smooth trip-planning experience.

Getting Started

When users first visit the home page, they will be prompted with a log-in form. index page

If users do not have an account, they can use the registration link below the log-in form to create one. This link will toggle the registration form. registration form

Home

After logging in, users will be redirected to the "Home" page where they can view their social feed. The "Friends' Trips" section displays all of the booked trips of the user's friends. home page friends' trips

Below this section is a "Popular Flights" section, where the application recommends potential trips based on the user's budget. Users can click the "Book" button in the bottom-right of a flight card in order to start the booking process. home page popular flights

Search

When first clicked, the "Search" page will display a form, where users can enter in details about the flight for which they would like to search. search form

After clicking "Submit" in the bottom-right of the form, or if the user clicks the "Book" button of a flight card from the "Home" page or the "Search" button of a travel date card from the "Travel Dates" page, the application will display all of the flights that it was able to find that matched the user's preferences. search page flights found

If no flights have been found, then the application will display a "No Flights Available" message. Users can start a new search by clicking the "New Search" button in the top-right, which will redisplay the search form. search page no flights available

If users find a satisfactory flight, then they can click the "Book" button in the bottom-right of the flight card. The application will then list hotels near the searched destination. Users can skip this step by clicking the "Skip Hotel Booking" button in the top-right. search page hotels found

After successfully booking a flight, a message will be displayed telling users what to do next. successfully booked

Travel Dates

The “Travel Dates” page is where users can organize potential trips. travel dates page

Users can click the “+ Add” button in the top right to create a new travel date card. Clicking this will toggle the "New Travel Date" form. new travel dates

The "Search" button starts the booking process using the details from the travel date card (see section "Search Page"). The "Delete" button allows users to delete the travel date card. The "Edit" button allows users to edit the details of a travel date card. Clicking the "Edit" button toggles the edit form. edit travel dates

Booked Trips

The “Booked Trips” page shows all of the trips that the user has booked, organized by trips this month and future trips. booked trips

Users can click the "View Itinerary" button in the bottom-right of a booked trip card to view the itinerary for that trip. Clicking this button again will redisplay the overview of the trip. Users can delete a booked trip by clicking the "Unbook" button. booked trips itinerary

Users can edit the details of a booked trip by clicking the "Edit" button, which will toggle the edit form. booked trips edit

Past Trips

The “Past Trips” page shows all of the trips that the user has booked and gone on. past trips

Users can click the "View Itinerary" button in the bottom-right of a past trip card to view the itinerary for that trip. Clicking this button again will redisplay the overview of the trip. Users can delete a booked trip by clicking the "Delete" button. past trips itinerary

Users can edit the summary of a past trip by clicking the "Edit" button, which will toggle the edit form. past trips edit

Profile

The “Profile” page shows the user’s information and friends. profile about section profile friends section

Users can edit their name or budget by clicking the pencil icon beside the corresponding field in the "About" section. Doing so will toggle an input field for the user to input the new value. profile about edit

Users can search for friends by username or name by clicking the "Find Friends" button in the top-right of the "Friends" section. Doing so will toggle a search bar, below which any results will be listed as the user types. profile search for friends

Users can click on a search result to view that user's profile. From this page, users can friend or unfriend the user. profile search result