As a personnal project, I built a static website displaying some hiking trajectories in Loire-Atlantique.
The website is built using Jekyll and some JavaScript. It is hosted on GitHub as a single-page website.
The data about hikes is from the French government open data, as a JSON file. Using Leaflet library, I displayed hikes, their difficulty, description and some other attributes like the length or the esitmated duration.
Leaflet is also used to display the user current location.
Finally, the user can filter the hikes based on their length, estimated duration and whether there are markups.
In the end, this small static website showcase how to simply use the open data along with libraries like Leaflet to create a usable website.
GitHub
GitHub pages
Jekyll
JavaScript
Leaflet
Open data