After a ridiculous amount of time I spent on this project, there is still a lot to improve (like mobile optimization) and extend (functionality and data), but I am eventually quite happy with the first result.
While there are great apps for planning bike and hiking tours or booking train tickets and search for train connections, there is little bringing them together. This is where this Single Page Application comes in.
There are many cycling routes in an around Berlin and a lot of people put their bikes in one of the regional trains on the weekend to spend a day cycling in the open. Instead of coming back to the same train station, one could also ride on one of the cycling routes to another train station to go back. This App gives an idea which routes are out there and how they are connected.
React Lottie Player (for loading animation made in After Effects)
@Maciej I used the data from GTFS, but I had to refactor it very much. In the end it was so much that I ended up building my own database and API. I started with this project a little early on the Frontend path and while continuing the path I ran into trees eventually They might become useful when I extend the app with train connections including a change…
When a leg of a chosen cycling path is clicked, possible cycling route combinations are shown, if any exist (which is only the case for a few routes). If clicked, alternative train stations as start and end point of the trip are listed.
Nice work! I’m new to front end stuff, I just finished the html semantics lesson. I noticed that on your title page #1 is missing a word, ‘of’. Instead of ‘Choose a maximum travel time from the starting point Berlin’ it should read ‘Choose a maximum travel time from the starting point of Berlin’.