CA Travel Tracker is a travel site where the user can explore and book travel destinations. Through an inviting interface the user is able to:
- Track past travel expenses;
- Create new bookings;
- Utilize OOP and test-driven design principles;
- Fetch API GET and POST calls;
- Utilize npm packages to enhance the functionality and user experience;
- 100% Lighthouse Score for accessibility;
- On the top right corner of this page, click the Fork button to fork this repo.
- Clone down the forked repo by clicking the green Code button, and then copying the link under SSH.
- In your terminal, type in
git clone
and then paste the link. - Once you have cloned the repo, change into the directory and install the project dependencies, by running
npm install
. - Run
npm start
in the terminal, and copy the URL link (http://localhost:8080/
) to see the HTML page - To stop running the server, use Control + C in the terminal. (Closing the terminal without stopping the server first could allow the server to continue to run in the background and cause problems.)
- Clone this repo down, change into the directory and install the project dependencies, by running
npm install
. - Then run:
npm start
to be able to access the local API server used by the website. To stop the local API server from running in your terminal use command + c. - And now you're ready to start!
- The user will see with a login screen upon load and will will Log in using:
username: traveler1
(or any user number between 1 and 50) andpassword: travel
.
project1.mp4
- In the main page the user is greeted and it is displayed the current annual spending. The user is shown a summary of all past, future and pending trips.
- They are sorted most recent to oldest. The user can insert the information for a new trip in the forms and submit it to create a confirmation card that will come up, with a summary of the trip as well as the estimated trip cost.
- The user can either cancel and continue searching dates and destinys, or confirm the trip. Upon confirmation, the trip is added to the existing trips list with a pending status.
project2.mp4
- Create areas for Past, Future and Pending trips;
- Travel Agent login;
- Ability to approve/deny trip requests by Travel Agent;
- Search travelers by name;
- Add a countdown for the next trip;
- Allow the Travel Agent to create new trips;
- Cami Anderson GitHub | LinkedIn
- Starter Repository and API: Turing School of Software and Design