Introducing your new hiking buddy!
LIVE URL: https://taanibravo.github.io/Trail-Chaser-Hiking-App/
1. Description
2. Visual Example
3. User Story
4. Our Journey
5. Breakdown of Tasks
6. Resources
7. Credits
An app for users to find trails nearby or by a specific location. Other criteria a user can search for includes: reviews (ex. stars), length and distance from user's location. Once a trail is chosen, the directions to the trail and the weather for the next 7 days is displayed.
The app utilizes hiking, maps, time, and weather APIs (View Resources).
As a hiker
I want to find hikes based on criteria
So that I can find the best suited hike for me
When presented with the acceptance criteria for our first project in this bootcamp we were given some ideas that surround COVID. This is when Bryan mentioned how it would have been nice if there was an app that sourced at home workouts. Branching off of this idea we pushed toward one of the only things you can still enjoy when in lockdown (till they closed down the parks too) and that was the awesome trails and hikes that the Pacific Northwest provides us.
With this idea in mind we thought it would be nice if we had an app that would find your trails based on certain criteria that would help you make the right decision and not go on an adventure that you are going to regret.
After brainstorming the tangible things that we felt were accomplishable and able to be made in the time given to us were implementing the search, saving your criteria, giving you weather for the next 7 days, and a map from your location to the trail.
HTML Structure - Team
Trail List search and Appending them to page - Sally Perez
Local Storage and Appending last saved date - Bryan Moreno
Weather and Hike details and Appending them to page - Stanislava Medigovik
CSS Styling and Google Map Integration - Taani Maama
While this was the structure we gave ourselves we all pitched in to help each other to make sure we could provide the best code possible in this project.
* Hiking Project - https://www.hikingproject.com/data
* Google Maps API - https://developers.google.com/maps/
* Open Weather - https://openweathermap.org/api
* MomentJS - https://momentjs.com/
* Bulma - https://bulma.io/documentation/
Background Image by <a href="https://pixabay.com/users/zapculture-17422764/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5649828">Steven Weirather</a> from <a href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5649828">Pixabay</a>