Traveler, The Travel Tracker

Abstract

Traveler is an application where travelers can plan their adventures. The site shows the cost per trip and breaks down the cost into lodging and flight costs. The site also shows the total cost for trips during the year 2022. In addition, the site allows them to add new trips that are then shown as pending adventures. This project was developed using Test-Driven Development (using Mocha and Chai) and accessibility principles. It also incorporated skills such as working with an API and making fetch requests to and from a server.

To navigate the website live, a server download is required.

Now, get Traveler running:

Clone down this repo:
git clone https://github.com/rachel-bock/traveler
Install the necessary package dependencies -
npm install
Run Traveler with npm start
With both the server and the application running, visit http://localhost:8080/ in your browser.
To log in, use a username from traveler01 to traveler50 with the password travel.

This was one of the most difficult projects to date. I felt like it stretched my abilities more than other projects in the past. For example, having the user login was a new feature that I was able to implement.
Accessibility was addressed in this project as well. For example, even though there is no input necessary on the trip cards, a user can tab through the trip cards to view each one without using the mouse.

There is room for more error handling and input validation. For example, as it stands now, the form that allows users to add a new adventure will accept negative numbers for travelers and trip duration. This is a future functionality to be addressed.
Future improvements also could include sorting the trips into past, present, current and future trips.
The current application only calculates the total spent for the year 2022. This would need to be updated each year.

I could not have done this project without the help and direction from Artan Myrtolli and Nate Ewert-Krocker.