Contributor

Jordan


Logo

Travel Tracker

Travel Tracking App
Explore the docs »

Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap

About The Project

Travel.Tracker.-.17.January.2023.mp4

I created a travel tracking application that allows a user to see the information on their past, current and pending trips. I utilize a login page with username and passwords that are unique to the user. I used a local server and incorporated fetch request to GET and POST data. Error handling was added to both fetch GET and POST requests to catch errors that may occur from either request. Features added allows users to see all data displayed in a visually pleasing manner. I utilized dayjs to format and standardize dates that are used throughout to conform dates. The user can search for trips using inputs and text fields to search for a sepcific a vacation. After the user submits all provided fields and they click submit, a photo of the specified placed appears with the amount of lodging cost and flight cost. It will also show the estimated cost for that specific trip. The user then has the option to book that trip or go back and search for a new trip. I added a helper function file to house functions that are use mulitiple times throughout the project to keep my code DRY.

(back to top)

Built With

  • Javascript
  • CSS
  • HTML
  • Webpack
  • API
  • Mocha
  • Chai
  • Git
  • GitHub
  • dayjs

(back to top)

Getting Started

Installation

  1. Fork the Repo from the Repository
  2. Clone the repo
    git clone git@github.com:jaysmith2022/Travel_Tracker.git
  3. Install NPM packages
    npm install
  4. Run npm start
    npm start
  5. Use the Link that is given in the Terminal & Open in Browser
    Example: http://localhost:8080/

API Installation

  1. Clone the repo
    git clone git@github.com:turingschool-examples/travel-tracker-api.git
  2. cd into it from terminal
  3. Install NPM packages
    npm install
  4. Run npm start
    npm start
  5. Close using control + c

(back to top)

Roadmap

  • Past, Current and Upcoming Vacations
  • Form input to input desired vacation
  • Display vacation with estimated price with added fee

See the open issues.

Future Additions

  • Add testing to helper function file
  • Add logout feature
  • Add a slider/glider for vacation display
  • Add page load to inform the user that the page is loading

(back to top)