TravelTracker is responsive for desktop, laptop, tablet, and mobile users so travelers can track their trips on the go! I'm committed to continuing to improve on this to ensure that my site is accessible for all users and welcome additional feedback! Responsive Design TravelTracker was built with accessibility in mind - I tested my site's accessibility with Lighthouse and the site is fully functional utilizing tab.

Note: departure dates in the past, trip durations over 365 and a traveler count over 10 are not accepted. If they return to the main dashboard they will see their new trip as pending. At any time in the process they can clear the form or return to the main dashboard.Īfter submitting the trip request the user will see a success message letting them know their trip will be looked over and approved by the travel agent. They are directed to a form page where they can select the departure date, trip duration, number of travelers, and select the location from a dropdown.Īfter filling out the form the user can receive a cost estimate for the trip and choose to submit. They can also see their traveler profile on the right-hand sidebar.Ī user can select the book now button on the right-hand sidebar in order to book a new trip. They can filter their trips by selecting the upcoming trips or pending trips buttons. Any number between 1 and 50 is supported)Īfter logging in, a user will see their travel dashboard populated with their past, present, upcoming, and pending trips. username: traveler50 (with 50 representing the traveler's ID.The user will see the login page on load - the login credentials are: Once you have the server running on your local machine you can access travelTracker at the deployment link.

You will need to access the backend server repo, clone it down to your local machine, and follow the README instructions. TravelTracker requires a local server be running in order to work. Work with an API and local server to send and receive data.Build and utilize a robust testing suite to ensure the data model is iron-clad.Refine the code review process by working with others to review and recieve feedback on code.Create a data model driven by principles of OOP.The trip will have a status of pending and the user can navigate back to their dashboard to view that trip! Motivation They can first receive a cost estimate for the trip and then choose to submit. Users can then choose to book a new trip and select date, duration, number of travelers and destination. Users can also see some basic information in their profile sidebar including the total amount they've spent on trips in the past year. They can filter that dashboard view by all trips, upcoming trips, or pending trips. Users can login with their credentials and view their specific travel dashboard showing them past, present, upcoming, and pending trip details. This project is a traveler-portal for a travel agent website.

How to run webpack on github pages