neil-b-linton / travel_tracker

Travel_Tracker

Table of Contents

• Introduction
• Technologies
• Set Up
• Deployment Link
• Features
• Reflection
• Future Features
• Contributors
• Project Specifications

Introduction

Have you ever wanted to have an organized way to calculate the cost of trip for yourself, your friend, or maybe even your dog.... Look no further than travel tracker!!

• Travel Tracker is a new and creative tool used schedule trips... It also tells you about your upcoming trips, pending trips, past trips, and even the trip your currently on!

Technologies

• JavaScript
• HTML
• CSS

Set Up

1. Clone this repository.
2. cd into the directory.
3. Run open index.html.

Features

Login

• Has a login feature which fetches user when username/pass are correct
• Both fields in the login are required in order to submit

Travel Tracker

• Website design was made for minimalism(no distracting UI)
• Completely tab-able buttons/forms
• Instant responses form pending trips-and the cost
• Accessibility Scores at 100

Reflections

This was a difficult project to undertake for several reasons:

• First and foremost I wanted a user interface that was bare but also appealing.
• I didn't want to overcomplicate the experience and make users search for buttons.
• I wanted precision but also dynamic code, and the functionality to be instant when a user makes choices.
• I also wanted a product that wouldn't be overwhelming for people with disabilities. (tabbing)

Future Features

• Complete Redesign of the UI/UX:

  • Knowing what I know now, it'd be easier to redesign this product to fit the requirements I wanted and look less chunky.
  • A more streamline experience.
  • Less bubblegum pop UI/More professional.
  • A more appealing glassmorphism.

• Remake with the intention of mobile first:

  • This product only is only appealing to the eyes on a very specific screen size.
  • Needs to be dynamic for a variety of devices.
  • Buttons would need to be changed with Icons that are appropriate for mobile.

• Clean Up CSS:

  • CSS reuses a lot of the same values, and I could have easily cut this down by using proper methods.
  • It would also help to use variables as a means to make it more readable.

• Clean up JS:

  • Despite having 100 Accessibility code processing is at a 86
  • Needs more dynamic functions/cascading functions(les global variables)

• Testing:

  • Make tests range for more sad paths.

• Agent Class:

  • At the moment there is no way to pass pending to approved. Would need to create an agent class to handle this feature.

Contributors

• Neil Linton - GitHub LinkedIn

Project Specifications

• Project specs are located here.

travel_tracker's Issues

Refactor CSS

Should show POST trip EST COST

After making these selections, I should see an estimated cost (with a 10% travel agent fee) for the trip.

create login page

Refactor yearly spent function

Refactor Find Yearly Spent

Use Data.js

Download the third party package for Date.js, and work off of a new tree to attempt implementation

Fix Post

Issue with the post form value:

• error that populates needs to be addressed.
• check to ensure data is actually being submitted
• data is accurate

Urgent before moving onto the next stage of the project