Trip Planner

Description

I designed the Trip Planner tool to help me keep track of various aspects of trips I was taking. The tool would track my itinerary (including hotels and attractions), my destinations (cities I would be traveling to) and the routes I wanted to take to get to each destination and attraction.

Technologies Used

The following technologies were used to build this tool:

  • HTML5
  • CSS3
  • JavaScript
  • PHP
  • MySQL
  • Google Maps API

Screenshots

Trip Dashboard

List of upcoming trips and past (completed) trips. The trips shown in this screenshot are past trips, but are being shown as upcoming trips for testing purposes.

Trip Planner dashboard

Itinerary List

Shows the destination cities and itinerary items (hotels and attractions) that are part of a specific trip. The top of the page has some of the general details about the trip. There are also buttons to filter the list by Destinations or Itinerary items. There are also buttons to add new Destinations or Itinerary Items.

Itinerary list for a trip

Route List

Shows the list of routes for the selected trip.

Route List for a trip

Add Destination

Partial view of the form used to add a destination to a trip.

Add Destination form

Add Itinerary Item

Partial view of the form used to add an itinerary item to a trip.

Add Itinerary Item form

Add Route

Partial view of the form used to add a route to a trip.

Add Route form

Update Destination

Partial view of the form used to update a destination within a trip.

Edit Destination form

Update Itinerary Item

Partial view of the form used to update an itinerary item within a trip.

Edit Itinerary Item form

Update Route

Partial view of the form used to update a route within a trip.

Edit Route form