The vision of this project is to create a web-based app that has functionality to plan a route on a map, check local camping/air bnb lodging, and sign in to save your content. Users will be able to check the weather at the destination, as to be able to plan accordingly. Nomad will also have an interactive community travel blogging section as well. This is an all-in-one road trip app.
This app allows individuals to organize and plan a roadtrip to alleviate stress on which way to go and where they will stay. Make the most out of your vacation!
To run project:
npm install
npm start
Open http://localhost:3000 to view it in your browser.
This project was built in React using languages: JSX, JavaScript, CSS,and utilizes Auth0, MongoDB, the Google Maps, RIBD Recreation.gov campsite, and Airbnb from RapidAPI.com APIs.
- 06-15-2023 (1.0.0) - Functional site where user can save trip with campsite and Airbnb
- 12-02-2023 (2.0.0) -
Website reference for google-maps:
APIs:
Images:
Other:
Get all user's trips (needs to create a trip first)
Example response:
json [ { "_id": "6488be4dfvdfbfs35345", "email": "email@email.com", "location": "Seattle to Paris", "airbnb": { "url": "https://www.airbnb.com/rooms/49651214", "city": "Neuilly-sur-Seine", "hostThumbnail": "https://a0.muscache.com/im/pictures/user/e3027851-9df1-4d2b-bdcf-f405a7234994.jpg?aki_policy=profile_x_medium", "persons": 1, "reviewsCount": 89, "rating": 4.34, "address": "Neuilly-sur-Seine, Île-de-France, France", "price": { "rate": 68, "currency": "USD", "total": 68, "priceItems": [ { "amount": 55 }, { "amount": 1 }, { "amount": 9 }, { "amount": 3 } ] }, "previewAmenities": [ "Wifi", "Kitchen" ], "name": "Small apartment close to subway 1", "bathrooms": 1, "bedrooms": 1, "bed": 1, "images": [ "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/81b8b8d4-5d70-4ade-94c0-d1602a1476cf.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/21f5e545-d697-4f72-a5b7-c84b65b25571.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/58dde851-36a5-4e26-acd1-2688c02a6719.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/37abf6a9-c134-40b9-89f5-c22f0184e4b2.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/582c2594-aec6-41b5-8c4d-80c20d13ea4e.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/e4eeb59e-ba4b-4d56-8323-d14a2e34d013.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/f71b4dde-6303-4266-aa83-72603d1e9d16.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/cbc4659f-e28f-4308-957b-3ae2c199d5a9.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/eda298f3-7377-4abf-ba44-da9948529489.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/e9466602-4c66-4380-a244-f50ef5bb348b.jpeg?im_w=720", "https://a0.muscache.com/im/pictures/miso/Hosting-49651214/original/9531680d-a8f9-448d-8151-18e9743b275d.jpeg?im_w=720" ] }, "dateCreated": "2023-06-13T18:58:01.940Z", "__v": 0, "campsite": { "site": "OHAVER LAKE", "fee": "", "description": "Campground", "image": [ { "Credits": "Salida Ranger District", "Description": "Day Use area with picnic tables", "EmbedCode": "", "EntityID": "231870", "EntityMediaID": "2569591", "EntityType": "Facility", "Height": 360, "IsGallery": true, "IsPreview": false, "IsPrimary": false, "MediaType": "Image", "Subtitle": "", "Title": "Picnic tables near lake with mountains in background", "URL": "https://cdn.recreation.gov/public/images/63213.jpg", "Width": 540 }, { "Credits": "Salida Ranger District", "Description": "Day Use Parking Area", "EmbedCode": "", "EntityID": "231870", "EntityMediaID": "e1965f71-ed14-48c8-bab1-a3d913584894", "EntityType": "Facility", "Height": 525, "IsGallery": true, "IsPreview": false, "IsPrimary": false, "MediaType": "Image", "Subtitle": "", "Title": "Gravel parking area next to lake with snow covered mountain in background.", "URL": "https://cdn.recreation.gov/public/2023/05/02/22/10/231870_364c8153-6673-46c6-b7a6-8f32494ce032_700.jpeg", "Width": 700 }, { "Credits": "Salida Ranger District", "Description": "O'Haver Lake", "EmbedCode": "", "EntityID": "231870", "EntityMediaID": "56b0772a-796a-4469-bf09-13765933b8c9", "EntityType": "Facility", "Height": 810, "IsGallery": false, "IsPreview": false, "IsPrimary": true, "MediaType": "Image", "Subtitle": "", "Title": "Wooden sign surrounded by aspen trees in camping area.", "URL": "https://cdn.recreation.gov/public/2023/05/02/21/44/231870_497b9f90-bb11-4820-9f83-434f8ff26f07_1440.jpeg", "Width": 1440 }, { "Credits": "Salida Ranger District", "Description": "Campsite near lake", "EmbedCode": "", "EntityID": "231870", "EntityMediaID": "9fac3429-9e39-4d10-850c-cacdfc3979a2", "EntityType": "Facility", "Height": 525, "IsGallery": false, "IsPreview": true, "IsPrimary": false, "MediaType": "Image", "Subtitle": "", "Title": "Tent, picnic table with mountains and lake in backgorund", "URL": "https://cdn.recreation.gov/public/2023/01/06/17/19/231870_01962a93-c1b8-433f-b14d-f072caf9aeea_700.jpg", "Width": 700 }, { "Credits": "Salida Ranger District", "Description": "Fishing pier across from Site 011.", "EmbedCode": "", "EntityID": "231870", "EntityMediaID": "7cb40c57-f5a0-4795-b639-7f825aa9a747", "EntityType": "Facility", "Height": 525, "IsGallery": true, "IsPreview": false, "IsPrimary": false, "MediaType": "Image", "Subtitle": "", "Title": "Wooden fishing pier on a lake.", "URL": "https://cdn.recreation.gov/public/2023/05/02/21/47/231870_53aaad20-5dc7-4c7c-b91a-951d466d320e_700.jpeg", "Width": 700 }, { "Credits": "Salida Ranger District", "Description": "Photo of O'Haver Lake", "EmbedCode": "", "EntityID": "231870", "EntityMediaID": "2569593", "EntityType": "Facility", "Height": 360, "IsGallery": true, "IsPreview": false, "IsPrimary": false, "MediaType": "Image", "Subtitle": "", "Title": "Lake surrounded by hills and trees", "URL": "https://cdn.recreation.gov/public/images/63215.jpg", "Width": 540 } ] } } ]
Get single trip the user made (requires trip id)
domain/travel-routes/${id}
### POST
Create a trip
<http://domain/travel-routes/>
### PATCH
Edit a trip (requires trip id)
<http://domain/travel-routes/${id}>
### DELETE
Delete a trip (requires trip id)
<http://domain/travel-routes/${id}>
## Figma Board
Nomad 2.0
<https://www.figma.com/file/G7OB1BovmsHsYqrKZYEgBb/The-Travelers-Quill?type=whiteboard&node-id=133-693>