Giter Club home page Giter Club logo

travel-tracker's Introduction

Travel Tracker

A Travel Booking Site

(PS. Your username is traveler plus any number between 1-50, i.e. traveler40, and your password is travel!)

Table of Contents
  1. About The Project
  2. Setup
  3. Roadmap
  4. Features
  5. Contact

About The Project

Interested in traveling the world, but having trouble organizing your trips? Travel Tracker will not only record and display your past, pending, and upcoming trips, but it will also allow you to request a new trip to be reviewed by one of its trusted travel agents! This password-protected site also keeps track of how much you've spent during the current year on travel, so you know where you stand financially as you consider your next destination.

Travel Tracker preview gif


This solo project was assigned at the end of the second module of Turing's Front-End Engineering program, about 11-12 weeks into its students learning how to code. The details of this project are outlined in this project spec.

Built With

JavaScript CSS HTML5 Mocha Chai

(back to top)

Setup

  • Clone the repository to your local machine
  • Clone down this local server
  • cd into the local server
  • Run npm install, and then npm start
  • Once the local server is launched, open a new terminal tab and cd into this 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
  • Remember, your username is traveler plus any number between 1-50, i.e. traveler40, and your password is travel!
  • Explore and enjoy!

(back to top)

Roadmap

  • Create travel agent interaction
  • Utilize DELETE network request via travel agent interaction

(back to top)

Features

  • Utilizes class-to-class interaction and a robust Mocha and Chai testing suite
  • Implements both GET and POST network requests via fetch API to retrieve, display, and add new user data
  • Handles both network request- and user-errors

Reflections

Wins:
Although I worked with asynchronous JavaScript during this module's group project, I feel this solo project solidified my understanding of it. This project also allowed me time to dedicate to better understanding error-handling, and I feel I've a firmer grasp on handling both network request and user generated errors for it!

Challenges:
While I can see significant improvement in my ability to connect data and write dynamic code, I still feel there is some unnecessary repetition in my script and, therefore, I know that there is a cleaner/more dynamic solution to connect these data.

(back to top)

Contact

Tori Fields | LinkedIn | GitHub

(back to top)

travel-tracker's People

Contributors

vfields avatar robbiejaeger avatar hannahhch avatar niksseif avatar dependabot[bot] avatar hfaerber avatar khalidwilliams avatar thomedpete 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.