Skip to content

Frontend

elsapolo edited this page Mar 11, 2024 · 3 revisions

The frontend is written in React Native and Typescript. We used Expo Go to test it on our devices (read README for instructions)

The Map

The map is used to show routes as well as weather conditions. The layers button allows the selection of wind and tides, shows with arrows The carousel at the top is for navigating through the times for which the weather conditions are shown.

TODO: technical details

The Filters Tab

This tab is for selecting details about the routes. The paddle speed is an indication of how quickly the kayaker can paddle. Route difficulty uses weather conditions and the Beaufort Scale.

The Routes Tab

Routes tab shows a randomised selection of 20 routes that meet the filter conditions. When clicking on the route a new page is opened showing details. There is a map showing what speed the kayaker is expected to be going at at each point. There is also a wind support graph that shows how the wind will go in favour/against the kayaker throughout the route.

Clone this wiki locally