SurfItUp Surfing Weather Website

SurfItUp-冲浪天气网站

法尔茅斯大学为“挑战 2 - 呈现数据，以前端为中心”开发的网站。该网站为用户提供了一个更友好的界面，用于通过 http://api.spitcast.com/ API 查看天气统计数据。

挑战 2 – 呈现数据，以前端为中心

挑战详细信息：创建一个可访问 API 的网站，并以有效、引人注目、设计精良的方式向客户展示信息。从此 API 获取 JSON 返回并将其显示在令人愉悦的网站中。使用您想要的任何框架来有效地完成这项工作。可以在此处找到 JSON 格式的特定景点列表（取自 http://api.spitcast.com/api/spot/all） - 它们位于美国。您需要回答的特定用户故事是（按重要性排序）：

• 作为冲浪者，我希望能够将我的专业水平设置为新手、中级或专家。 • 作为新手冲浪者，我预计，当风速高达 15 节时，地点的质量会增加，然后降低到 20 节，之后质量应与风平浪静时的质量相同。 • 作为一名中级冲浪者，我预计冲浪点的质量会随着速度提高至 20 节而增加，然后下降至 25 英尺，之后质量应与平静的一天相同。 • 作为一名专业冲浪者，我预计冲浪点的质量会随着风力的增强而提高。 • 作为一名冲浪者，我需要了解今天的最佳冲浪地点。 • 作为冲浪者，我可以选择当前位置并在前 25% 的地点中按距离查找最近的地点（使用大圆距离计算）。 • 作为冲浪者，我可以选择当前位置并找到指定距离内的最佳地点。 • 作为冲浪者，可以自动确定我当前的位置（例如使用 HTML5 地理定位 API）。 • 作为冲浪者，我可以选择我当前的位置，并在前 25% 的地点中按行驶时间查找最近的地点（可以为此使用 Google Directions API 或 Google Distance Matrix API）。 • 作为冲浪者，我可以选择当前位置并在指定的驾驶时间内找到最佳地点。提交格式 请提供： • 托管在私有 BitBucket、GitLab 或 GitHub 存储库上的完全可构建的软件包，与 [email protected] 共享。 • 可选：如果是网络托管，则为已完成挑战的实时实例；​​如果是桌面构建，则为 Windows 可执行文件；如果是 Android 应用程序构建，则为 APK。 • 完成挑战所需的时间。评估标准 该测试的评估指标为： 1. 工作功能。 2. 用户体验质量（提供实时实例有助于实现这一点）。 3. 遵守 SOLID 原则的程度。 4.您不会在自动化测试方面受到特别评估。

通过使用天气 API http://api.spitcast.com/ 创建 |很棒的 AP​​I，可免费提供天气信息，但基于美国，因此与我们（基于英国）不太相关。

修改后的引导模板“SB Admin 2”：https://startbootstrap.com/themes/sb-admin-2/ |最合适的布局并支持多种设备。

目前正在开发中* 由于时间限制，某些功能无法完成，并且评论并不像我希望的那样普遍，但网站功能正常*。我附近的地点目前处于“正在进行中”状态。待结果回来后将恢复发展。代码的注释。修复从 notepad++ 传输到 github 期间导致的奇怪代码结构（缩进）