Giter Club home page Giter Club logo

travel-tracker's Introduction


hello!

wassup ☺︎

 howdy!

my name is Chris 🐸


const aboutMe = {
  pronouns: 'he/him',
  role: 'frontend developer',
  location: 'denver',
  interests: ['music production', 'cooking', 'pickleball'],
  previousJob: 'oyster shucker',
  currentlyLearning: 'Python + GraphQL',
};

I like to code using:



mistercanderson github stats

✮✮✮✮✮

visitors

travel-tracker's People

Contributors

bhohnco avatar dependabot[bot] avatar hannahhch avatar kalikoze avatar khalidwilliams avatar mistercanderson avatar robbiejaeger avatar

Watchers

avatar

travel-tracker's Issues

Login

  • Refactor fetch request to only GET a single user after login button is clicked
  • Add ability for "agency" username login that gets all the user data

Write Trip Test

  • Test properties
  • Make it add & remove activities
  • Make it calculate the end date based on date & duration
  • Should calculate a trip cost with a 10% agent fee added
  • Make it be able to be approved if pending
  • Trips should be able to return flight cost & lodging cost

Generate POST request

  • Use tripRequest object to generate a POST request that adds the trip to the TravelTracker API
  • After POST is successful, update the trip repo & current user.trips so that the new trip is displayed under My Trips
  • Add error handling to display a message to the user if the POST fetch fails

Create Agency class

  • Should be able to hold a list of all trips
  • Should be able to calculate how much money it's made in service fees
  • Should be able to sort by pending trips
  • Should be able to approve or delete a trip

DOM manipulation

  • Render user trip cards on page load
  • Set up separate domManipulation.js file for DOM functions
  • Set up variables to hold DOM elements that user can interact with (tabs, buttons, inputs)
  • Display user name in nav bar
  • Make nav tabs change to the appropriate display
  • Show the total amount of money spent on trips on the My Trips dashboard
  • Display a new trip on the dashboard after submitting & finalizing it

Write Destination/Destination Repo Tests

  • Destination should be able to return flight cost & lodging cost
  • Destination should be able to handle broken image links & alt tags
  • Destination repo should hold all destinations

Wireframing

  • Design wireframe idea
  • Pick a color scheme & basic design theme
  • Build Initial HTML/CSS Structure

Create Plan Trip Wireframe

  • Build container for trip planning
  • Include initial page & a separate final page
  • Make sure "destination" has a drop down menu feature

Accessibility

  • Add aria attributes where needed (removed redundant aria properties where not needed as well)
  • Make page navigational using tab

Set up API calls

  • Make API file that generates fetch requests to the Travel Tracker API & import that data into main scripts file
  • Within scripts file, take data from API calls & make instances of classes using the data (TripRepo, Trip, Traveler, etc.)
  • Make it so one user is randomly generated to emulate being logged in on the page

UI

  • disable navigation on login screen
  • add global button styling for consistency
  • change highlighting on page sections
  • add hover states to page elements

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.