Trail Odyssey is a website that allows you to plan hikes from A to Z. Including: creation of the path ; planning the hike ; preparing your bag ; live use during the hike ; and finally share with your friends.
Home Page: https://jerome.gangneux.net/2024/04/15/trail-odyssey/
License: Apache License 2.0
When panning the map, zooming etc. at some point sooner than later, the tile would stop loading, the whole thing will be stuck for something like 10/20 seconds and then everything get back to normal.
On the server side there is no performance problem, nginx seems to be configured ok to handle many requests.
It almost looks like it is a browser issue. The problem seems to be worst on Firefox than Chrome.
Investigation is welcome
For now the actions in sidebar are at the bottom of it and if to many items are shown you must scroll down. It would be nice that those actions be sticky instead
Display interest maker in live mode
In live mode we have the numbers representing the stages, and we can not click on it to see the popin with the details (we can in others views)
In a few places (public, and plan) on the website we can read the sum of kilometres for the trip, it would be nice to add the positive and negative sum info too.
It seems that showing elevation is slow (live view and plan view)
On the diary screen we have an option to mark progress, we should add some other action to mark the trip as finished (progress to max)
Sometimes the request to get a tile can fail, either because of an error (401, 403, 50x) or because the zoom level is too much (404)
We should display a special tile like the "offline" one to show that error back (a tile for each code would be nice)
For now the progress bar is at the bottom, it would be nicer if it was at the top
For now only a text list will show, but it is not handy we don't know where the point will be
Do not forget to handle duplicate/canonical URLs
The idea it to have a part of the website where the user can access the documentation of each feature (to be done)
For now "double tap" to zoom is only activated on live, it should be present on each screen that show a map
Maybe not on public?
For now the compass info is shown on a button on the map, it would be better to have the info on the GPS point itself
It would be perfect if no action would be needed to have it started too (not sure if it is possible due to OS restriction)
When adding photos on the diary page, after clicking submit nothing happen as if it does not work, but it does it only needs a loader
The goal would be to allow to post a diary entry from the live screen (it is already possible now) but even if in offline mode.
So it would need to save the data in a local database and when back online post the data to the server
Some important elements can be hidden by less important ones
on a specific device the geolocation did not work
On mobile to switch from sidebar to map there is an icon 🌍 it could be sticky now that our sidebar tabs are sticky
This implies:
Right now only the live screen has geolocation, it would be nice to have an action to ask for geolocation in plan
In edit path mode we can see all the segment in different colours, but it is not enough to spot which is which
A reflexion should be made for other possibilities, more colours would not be a good solution IMHO
For now the actions in page are at the bottom of it and if to many items are shown you must scroll down. It would be nice that those actions be sticky instead
It would be nice to be able to toggle/hide/show the sidebar in desktop mode
For now, it is too small and we can do something more adapted with big responsive text filling the whole space
The idea is that people could follow certain trips and get updates in real time if the user allows it
it could also be emails
When saving the bookmarklet to iOS home screen and trying to load the page in plane mode, safari will ask to connect to internet.
It has worked before when the bookmarklet did not point to the trip but to the whole site
Convert yml translation file to xliff
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
