Giter Club home page Giter Club logo

travel-tracker's Introduction

Travel Tracker: Adventure Awaits

Abstract:

Travel Tracker is a web application for managing and tracking different travel plans. Upon logging in, the user is able to review their past and upcoming trip details, and submit new trip booking requests to an anonymous travel agent. With server data included for 50 users, 50 destinations, and over 200 historical trips, the app seamlessly validates and makes network requests for any traveler. Let's book a trip!

Preview:

Travel-Tracker-preview-gif

Context:

Completed over one week, this was my final project of module 2 at the Turing School.

Contributors:

Solo project by Tiala Young: GitHub, LinkedIn

Technologies Used:

  • Fetch API
  • Day.js 3rd party library
  • Webpack module bundler
  • JavaScript
  • CSS
  • HTML
  • Mocha & Chai
  • Test driven development
  • Git, GitHub, Trello project board

Learning Goals:

  • Use OOP to drive the design of a client-side application and its code
  • Work with an API to send and receive data
  • Implement a robust test suite using TDD that thoroughly tests all functionality
  • Create a user interface that is easy to use and follows best practices for a11y
  • Present a live demo of the application and its Lighthouse accessibility score

Installation Instructions:

NOTE - This app makes network requests to local server data. You will need to clone down two repositories, install dependencies for both, and run both in separate tabs within your terminal each time you run the app. Follow the below instructions.

  1. Open your terminal and navigate to where you would like to store the repositories. They will need to share a root folder.
  2. Open the local server data repo: travel-tracker-api
  3. Using the SSH key, paste git clone [email protected]:turingschool-examples/travel-tracker-api into your terminal.
  4. cd into the server's repository on your local machine and run npm install or npm i to install project dependencies.
  5. Run npm start to launch the API's server.
  6. Open the app's Github repo: travel-tracker
  7. In a new tab within your terminal, paste git clone [email protected]:tialaaa/travel-tracker.git to clone using the SSH key.
  8. cd into the app's repository on your local machine and run npm install or npm i to install project dependencies.
  9. Run npm start to launch this API's server.
  10. Open the http://localhost:8080/ link to your local server (also listed in your terminal) in your web browser to view the live page.
  11. Control + C is the command to stop running the local server. Run Control + C in both terminal tabs to fully disconnect.

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.