Powder Bound

Index

1. Overview
2. Features
3. Future Enhancements
4. Acceptance Criteria
5. Website Preview
6. Technologies
7. Collaborators
8. Resources

Overview

Description

When you're searching for powder, the last thing an avid skier or boarder wants to do is open up tons of different websites searching for the best place to ski with the least travel issues. In the past, you'd have to go to Google Maps for Driving Directions, your favorite weather website for weather info, and each individual resort's website for snow condition. Not cool Bro. Well, the Powder Bound app puts all this information into one convenient location allowing you to plan your stoke with ease. Powder Bound allows you to select your favorite Colorado ski destination to quickly see snow conditions, driving directions, and weather forecast information. It's everything you need to hit the slopes, strap in, and shred the gnar when it's dumping!

User Story

As an active skier in Colorado, I want to plan my ski adventures using critical information
about the travel process such as weather, driving directions, snow conditions, and more.

Features

1. Interactive Map of Colorado Ski Areas synced with the user's ski pass and favorite resorts.
2. Dashboard view of critical travel information including weather, driving directions, snow conditions.
3. User Profile Page including preferred driving start address, ski passes, etc.
4. Reads daily updates from the US Department of Agriculture's Snow Telemetry (SNOTEL) Network

Future Enhancements

1. Sync the weather with driving directions so the user knows what the weather is forecasted to be when they get to various waypoints on their route.
2. Display all SNOTEL stations in Colorado on the map to provide info for backcountry skiers. -- Done!
3. Add travel alerts to the driving directions display.
4. Use secure authentication and server side storage for user profiles
5. Increase robustness of input validation

Acceptance Criteria

GIVEN I'm a frequent skier I want an easy way to plan my trip

WHEN I go to my planner
THEN I am presenteed with map that displays the resorts in Colorado

WHEN I click on a resort
THEN I am presented with resort weather condition base depth, 24 hour totals, forecast

WHEN I click on resort
THEN I am presented with button to obtain get step by travel directions
THEN I am presented with step by step travel directions at checkpoints with weather

WHEN I want to see snow total by resort
THEN I can view a summary

WHEN I want to set my profile
THEN I click on the profile button (in the upper right corner)

WHEN I go to my profile
THEN I can set my preferred started location, my preferred mountains, preferred ski pass

Website Preview

Static Screenshots

Video Preview

Technologies

1. HTML
2. CSS
3. JavaScript
4. GitHub (website hosting and source code management)
5. Moment.js v2.27.0
6. jQuery v3.6.0
7. Bulma v0.9.4
8. Leaflet v1.8.0

3rd Party Application Programming Interfaces

1. Open Weather
2. Powderlines.js - SNOTEL DATA - Special thanks to Bobby Marko for helping us navigate the CORS and mixed content issues with his API.
3. Google Static Maps
4. MapQuest Directions
5. MapQuest GeoCoding & Reverse Geocoding
6. MapQuest Static Maps
7. MapQuest Search Ahead
8. Geolocation

Dependencies

1. VS Code Live Server

Collaborators

1. Alex Cleveland: Github LINK
2. Dan Kelly: Github LINK
3. Steve Calla: Github LINK

Resources

Original Project Links

1. GitHub Repo: https://github.com/stevecalla/ski-planner
2. GitHub Hosted URL: https://stevecalla.github.io/ski-planner/

Personal GitHub Project Links

1. GitHub Repo: https://github.com/dpk5e7/powder-bound/
2. GitHub Hosted URL: https://dpk5e7.github.io/powder-bound/