Skip to content

A vanilla javascript project that uses SASS to successfully create a dark mode enabled app that displays information based on a users login from a restful API

Notifications You must be signed in to change notification settings

gaj23/get-going-gone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Mar 18, 2021
8055cd8 Β· Mar 18, 2021
Jan 14, 2021
Feb 16, 2021
Mar 18, 2021
Mar 18, 2021
Jun 1, 2020
Jan 25, 2019
Mar 18, 2021
Feb 16, 2021
Aug 19, 2019
Jan 20, 2021
Feb 16, 2021
Jan 15, 2021
Jan 16, 2021

Repository files navigation

🌍 Get Going Gone 🌏


Table of Contents


Introduction

Designed with mobile viewing in mind, this is a variation of the project set forth by Turing School of Software and Design. See rubric here.

Significant attempts were made to keep user preferences in mind while still maintaining DRY and empathetic code.

Updated: 2021/02/16

Features

To view please:

  • clone down the api: [email protected]:turingschool-examples/travel-tracker-api.git
  • in your terminal, cd into the api and run npm start
  • then please visit here to interact and view
  • for best experience, please view via mobile device or through the dev tools viewing options

Categories:

Login

A traveler can login and see their specific travels.

  • login by using the keyword traveler with any number 1 - 50 at the end; no spaces
  • (ie: traveler44 )
  • please use travel2020 as the catchall password
Example of Experience

Time of Trip

View your trip depending on if it's current/on going, a future trip, or a past trip. Pending trips are accounted for by a number.

Example of Experience

View Possibilities

Select date, number of travelers, number of days on the trip, and a location to see the estimate of the cost.

Example of Experience

Booking

Once a traveler has decided, they can then submit a request for booking and that booking will now appear under pending on the main page.

Example of Experience

Dark Mode

A traveler can choose between light and dark mode.

Example of Experience

Technologies

  • HTML
  • CSS
  • JS
  • ESlint
  • Node for testing
  • Flat Icon for icons
  • WAVE for accessibility auditing
  • Lighthouse for accessibility auditing
  • Webpack
  • Luxon; an npm package to manage dates

Reflections

Wins & Challenges

Wins

Finishing up to Iteration 3 Having a Dark Mode Finding different solutions for strange problems

Challenges

There was a point I struggled with myself constantly because I felt as if because I wasn't on scheduled as planned and because of the constant snags and asking for help and getting stuck-- as if it didn't matter how much effort and detail I put into my projecy. That I wouldn't finish. My hardwork would remain unsung and only my failures would be acknowledged. Most of this is the result of already existing self-doubt that became heightened when in a high stress and high stakes venture.

For next time, though, when I find myself experiencing these feelings again, I hope to remember to look back on this project and remember my dedication, my hardwork, and my passion is what this showcased overall.

Future Iterations

More specifics about future work or refactoring can be found in this projects GH issues.

Generally, though, I think the Traveler class needs a buffing to DRY it up. There is a method included that I never used (Issue #26) and some additional consideration could be put into if the object instantiation of Traveler should contain its own list of trips (Issue #26).

Although created and tested, the Destination class is never used. (Issue #27)

The site is responsive, but best viewed on a mobile device. I would like to apply media queries (Issue #28) to make the viewing more pleasing on a desktop or tablet. Priorities were given to functionality, general usability, and dark mode enablization.

Contributions

Thank you Casey Dallavalle, Josh Antoson, and Alice Ruppert for your guidance and advice.

To Contribute

If you'd like to contribute to the code, please complete the following steps:

  • clone this repo locally: [email protected]:gaj23/get-going-gone.git
  • also clone the associated API: [email protected]:turingschool-examples/travel-tracker-api.git
  • cd into both the local copy and the API copy and run npm install
  • in the local copy, please also download the (Luxon)[https://moment.github.io/luxon/docs/manual/install.html] dependency
  • npm install --save luxon
  • from there please create a new branch following this pattern: git checkout -b initials/feature-fix/focus-of-branch
  • contribute as you'd like and push up your work for review Thank you.

Author

Gabrielle Joyce GH
Ms. Joyce

About

A vanilla javascript project that uses SASS to successfully create a dark mode enabled app that displays information based on a users login from a restful API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published