Let's Go was created for the traveler eager to explore. We take the hassle out of travel planning with a dashboard tracking all existing bookings for a user. Let's Go also tracks the cost of a user's trips and provides cost estimates before a trip is requested so all of our customers are making educated travel budget decisions.
- GET/POST requests to local API
- SASS broken out into partial files
- Mobile responsiveness
- 100% Accessibility on Lighthouse audit
- Demonstration of array iterator methods to manipulate fetched data
- DOM manipulation separate from functionality logic
- Network request error handling
- Clone the project repository via
git clone git@github.com:cmeubanks/lets-go.git - Clone the API repository: https://github.com/turingschool-examples/travel-tracker-api
- You will need at least two terminal tabs open
- To run app:
- npm install both repositories
- npm start both repositories
- In your terminal:
- remove the old remote git remote remove origin
- then add a new remote git remote add origin [your new repo url]
- Go to
http://localhost:8080/in your browser to view your code running in the browser.
- The user will be prompted to login upon loading the website
- To login select a user id (1-50), your username will be traveler + the id you choose like this:
- traveler36
- Enter the password: travel2020
- Once you are on the main page, you can view:
- Past trips
- Current trips
- Pending trips
- Future trips
- Total spent on trips this year
- The user has the option to book a new trip, select "Book a New Trip"
- To book a new trip:
- Select a Date
- Input how many people are traveling (1-99)
- Input the duration of your trip (1-99)
- Select a destination
- Submit your trip to the agency or check the trip cost first!
- Your request trip will now be visible under pending trips
- Caroline Eubanks: https://github.com/cmeubanks
- Javascript
- HTML
- CSS
- SASS
- Webpack
- API: local repository API: https://github.com/turingschool-examples/travel-tracker-api
- Testing: Mocha/Chai
- NPM packages: DayJS