Giter Club home page Giter Club logo

travel-tracker's Introduction

Travel Tracker

Abstract

Would you like to track and book your trips in an app you can personalize? Use this repo to help you do just that! This was a solo project assigned by the Turing School of Software and Design. This was a travel tracking application which utilized a variety of technologies, including javaScript, HTML, CSS, Mocha, and Chai. At the end of this solo project I will have completed 50% of the Turing curriculum, primarily focusing on vanilla JS to this point. The project was completed in 4 days. The project goals were to: implement ES6 classes that communicate to each other as needed, use object and array prototype methods to perform data manipulation, create a dashboard that is easy to use and displays information in a clear way, write modular, reusable code that follows SRP, implement a robust testing suite using TDD, make network requests to retrieve data, create a user login, and ensure that our app follows best practices for accessability.

Travel Tracker preview

Setup

  • Clone this repository to your local machine
  • Clone the Local server as well to view client data Here
  • cd into the project
  • Run npm install to install project dependencies
  • Run npm start to launch the live server
  • Copy and paste the provided localhost URL into your browser
  • Explore and enjoy!

Webpack starter kit Local Server

Login

  1. To login to the dashboard view for a user, please use the current username and password format.

username: traveler50 (where 50 is the ID of the user, users 1 - 50 should be acccessable)

password: travel

Testing

There is no boilerplate for testing in this starter-kit repo. You will need to set this up yourself. However, if you ran npm install, then the tooling you need to start testing is already installed (mocha and chai).

Project Specs

The project specs and rubric for Traveler Tracker can be found here

Technologies Used

Challenges

  • TDD and Class Architecture
  • Event Delegation
  • Iterating Nested Data
  • Post Calls

Wins

  • API calls
  • Dynamic functions created to stick to SRP and get rid of unecessary code
  • Accessibility

Future Extensions

  • Implement further error handling
  • Implement dynamic features for displaying more trip data to the user, for example, showing all destination images

Contributors

travel-tracker's People

Contributors

robbiejaeger avatar bethwprojects avatar hannahhch avatar niksseif avatar dependabot[bot] avatar danalchapman avatar hfaerber avatar khalidwilliams avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.