shampton22 / travel-tracker

Contributor

Sarah Hampton GitHub, LinkedIn

Travel Tracker

Travel Tracking App
Explore the docs »

Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
3. Roadmap

About The Project

I created a travel tracking application that allows a user to see their past, current and pending trip information. 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 card of the specified trip appears in the pending trip section with the selected trip inputs and estimated trip cost.

(back to top)

Built With

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

Installation

1. Fork the Repo from the Repository
2. Clone the repo

   git clone [email protected]:SHampton22/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

6. Clone the repo

   git clone [email protected]:turingschool-examples/travel-tracker-api.git

7. cd into it from terminal
8. Install NPM packages

   npm install

9. Run npm start

   npm start

10. 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 sad path testing
• Display user info on hover in navigation bar

(back to top)