Code Monkey home page Code Monkey logo

travel-tracker's Introduction

Hi there! I'm Amanda Sands

I'm a front-end software developer with previous careers in healthcare and education. I've always enjoyed giving customers and students the best possible experience, so as a developer, the user is always at the forefront of my mind. I love software that shines through simplicity and ease of use.

  • ✉️ How to reach me: Linkedin | [email protected]

  • 💜 I love: crafts, gardening, and escaping to the mountains every chance I get

  • 🌱 I’m currently learning:

    Angular

  • ⚡️ Ask me about my projects in:

    JavaScript badge TypeScript badge HTML5 badge CSS3 badge React badge

  • 🛠 Tools

    React Router badge Cypress badge Mocha badge Chai badge Node.js badge npm badge Express badge

    Github badge Git badge VS Code badge Heroku badge Postman badge



My Awesome StatsTop Langs

travel-tracker's People

Contributors

asands17 avatar dependabot[bot] avatar hannahhch avatar hfaerber avatar khalidwilliams avatar niksseif avatar robbiejaeger avatar tfoxcollis avatar

Stargazers

 avatar

Watchers

 avatar

travel-tracker's Issues

Testing Requirements for Classes

Your testing suite should test all of the functionality of the application, including the following:

Class default properties
Class methods
Anything that updates class properties

User Trip Request

  • User will select a date, duration, number of travelers and choose from a list of destinations
  • User should see an estimated cost (with a 10% travel agent fee) for the trip.
  • Once user submits the trip request, it will show on dashboard as “pending” so that the travel agency can approve or deny it. (POST)

Show past trips

  • Create method to filter out dates that are no longer "present", filter only specific trips for user id.
  • Display all past trips on the dom
  • Consider if past trips need less information displayed, as they have already passed and user might not need so much information displayed at a glance for past trips.

FETCH POST REQUEST

  • Wire up POST request so user input posts to local server
  • Make sure data makes a round trip and renders to the dom (get request can be helper with this)

FETCH POST REQUEST

  • Write fetch requests to get data from appropriate endpoints
  • GET requests triggers the DOM display functions so that DOM is re-rendered each time API is updated by POST

Show present trips

  • Determine what "present" means for this data set
  • Create method to get all data that falls into present data for specific user travel data
  • Display present trips on the DOM

Calculate Yearly Amount Spent

  • Write method that will calculate amount spent on trips over year
  • Will be for a single user
  • Will add 10% for agent fee
    --Note: cost is found in destinations endpoint-- this is accessed using the destinationID in the trips endpoint

Show upcoming trips

  • Determine what "upcoming" means-- for example, is it within the next week or the next month (I'd lean towards month).
  • Create method that will filter to see if trip for user ID is within the date span to make it upcoming
  • Show data for user ID on the DOM

Show pending trips

  • Write method to filter out only user's requests that have a status of pending
  • Display all trips for user ID with "status": "pending"

Login Page

  • When first arriving at the site, a user should be able to log in with a username and password.
  • Should login with the following:
    username: traveler50 (where 50 is the ID of the user), password: travel
  • This should reveal the dashboard
  • Will need method to check username and pw against all available users.
  • Refer to Get single traveler endpoint

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.