Table of Contents
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.
- Fork the Repo from the Repository
- Clone the repo
git clone git@github.com:jaysmith2022/Travel_Tracker.git
- Install NPM packages
npm install
- Run npm start
npm start
- Use the Link that is given in the Terminal & Open in Browser
Example: http://localhost:8080/
- Clone the repo
git clone git@github.com:turingschool-examples/travel-tracker-api.git
- cd into it from terminal
- Install NPM packages
npm install
- Run npm start
npm start
- Close using control + c
- Past, Current and Upcoming Vacations
- Form input to input desired vacation
- Display vacation with estimated price with added fee
See the open issues.
- 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