Launched 12 March 2022
Technologies used:
   - HTML & CSS
   - JavaScript
   - Bootstrap
Waypoint was initially developed as a practice project to improve my JavaScript skills, learn localStorage data interaction, and mostly just to see if I could build a single-page application without having to take any formal classes.
I built it using the Bootstrap 5.1 framework, HTML, CSS, and JavaScript.  There's a little bit of jQuery, but most of it is vanilla ES6 JavaScript.  I designed it from a mobile-first perspective, intending to streamline the web app for use on mobile devices.  The base viewport size is 375px to match iPhone 6 and 7, and the interface scales up and rearranges as needed for larger devices.
Use case
While popular distance challenge hosts such as The Conqueror Challenge or Pacer have their own apps that synchronize with fitness tracking systems (Apple, Garmin, Fitbit, etc), not all of them do. Some challenge hosts ask you to submit proof of your distance and time for each challenge via their website, which can be cumbersome and tedious. Some simply ship your medals after registration, and use the honor system. Waypoint uses the honor system too, but in a way that puts ownership back in the user's hands.
Waypoint is intended to simplify this process by giving users a clean, intuitive, simple interface with which to track all of their active challenges. It doesn't require any personal data such as a screenshot or GPS coordinates, but most challenge hosts should accept a screenshot of Waypoint as proof a challenge is complete, if needed.
Back to Top