The Sailing Tracker is a web application that allows users to track their sailing activities, including speed, distance, and location on a map. It also includes a compass and charts to visualize the user's performance. This app was created because many of the existing sailing tracking apps on the App Store are filled with ads and anti-user behavior, including excessive tracking and data collection.
- Real-time location tracking using the device's GPS
- Calculation and display of speed and distance traveled
- Interactive map showing the user's route
- Compass for heading information
- Line charts for speed and distance over time
- Ability to keep the screen on during tracking
Since the Sailing Tracker is a Progressive Web App (PWA), you can easily add it to your device's home screen for quick access.
- Open the Sailing Tracker website in your iPhone's Safari browser.
- Tap the share icon (the square with an upward-pointing arrow) at the bottom of the screen.
- Scroll down and tap "Add to Home Screen".
- Give the app a name (e.g., "Sailing Tracker") and tap "Add".
The Sailing Tracker icon will now be added to your iPhone's home screen, and you can launch the app just like any other installed app.
- Open the Sailing Tracker website in your Android device's web browser (e.g., Google Chrome, Mozilla Firefox).
- Tap the menu button (the three dots in the top-right corner) and select "Add to Home screen".
- Give the app a name (e.g., "Sailing Tracker") and tap "Add".
The Sailing Tracker icon will now be added to your device's home screen, and you can launch the app just like any other installed app.
- HTML, CSS, and JavaScript for the frontend
- Leaflet.js for the map functionality
- Chart.js for the data visualization
- Geolocation API for tracking the user's position