/Ive-Been-There-Travel-Log-App

I've been there - An app where you can create, modify and view all of your travel destinations around the world. Displayed on the Leaflet map, Timeline and D3 charts with multiple categories.

Primary LanguageJavaScript

I've been there! - travel log app

Welcome to "I've Been There!" the app that lets you add, view and modify your travel logs from every corner of the globe. Whether you're a seasoned explorer or just starting your adventure journey, this app is your ultimate companion. Explore, remember, and relive your travel tales with ease.

image image

how it works?

Step 1: Create Your First Travel Log


Start by navigating to the right-side panel and click the "Add travel" button:

Add travel

Here you can create a simple log for short/individual travels. (country to country / city to city) The travel creator is divided on 3 sections:

  • Basic data: give your travel a unique name, select the date when your journey took place. For instance, "Spain - Madrid" | 05.09.2023 - 07.09.2023".
  • Settings: Choose a country highlight color and opacity, width, color and type of polyline that connects 2 or more markers related to the travel log.
  • Travel type: Here you can pick 1 of 8 travel types that you used during your travel.

Now you can start placing a path on the map. Once you've finished, just hit the "✔️" button to confirm creating your travel log.

add.travel.log.mp4

And there we go, you created your first travel log!

Group

Here you can create a whole group for much bigger travels, that includes multiple travel logs, spanning across multiple days or countries.

  • The process is similar, begin with naming your group and set a date. For instance, "Europe Tour 2023 | 10.09.2023 - 20.09.2023".
  • Hit the "✔️" button to confirm your choice.
add.group.mp4

Step 2: Add Sub Travels to Your Group

For any present group, you can create sub-travel logs using the ➕ button in the group container we've created before. The process is exactly the same as creating non-grouped travel logs (Step: 1), but this time, all the logs you have created will find its way inside this group and will be related to it.

add.sub.travel.mp4

Step 3: Manage travel logs

In the same panel, you can manage your logs:

image

1a / 1b) Rename the group or travel log.
2) Add sub-travels (we have that covered).
3a / 3b) Delete the group or travel log.
4) Collapse button: if your travel log is getting too big, you can simply hide the display of this particular log.

Statistics:

Dive into the details of your travel adventures with the "Statistics" button: Discover your Longest, Shortest, and Average travel distances. Find out your most and least common travel type. Explore the Distance Divided by Travel Type, giving you a breakdown of distances covered for each travel type used.

Timeline:

Timeline is located at the bottom of the page, you can hide/show it with the arrow button at the bottom center of the page.

Timeline is used to showcase all of your groups and travel logs in a visual format, including their names and start/end dates. On the left side of the timeline, you'll find a few buttons that allow you to zoom in or out and switch between different travel logs, making it easier to navigate through your travel memories.

image

Left panel settings

Navigate to the left panel to access a range of options, starting from the top:

House:

Set your home location on the map with a house marker and circle around it.

  • Color: pick a color and opacity of the house circle.
  • Manual: manually set a house location.
  • Geolocation: Set your home using geolocation.
  • Zoom: If you happen to forget where you live or simply get lost in this vast world, there is no need to panic, simply use this button to center on your home location and quickly get back on track."
  • Remove: If you want to get rid of the home marker, use this button.

Map Layers:

Choose your preferred map visual style from options such as dark, light, earth, and middle age.

Overlay:

Toggle map overlays for better navigation, including train and bicycle paths (especially useful if you used these travel types and need detiled view of its exact location). Display the country and city names, enable or disable map markers, polylines (lines connecting markers) and highlights.

Statistics:

Toggle off/on the display of the travel logs statistics.

Timeline:

You can toggle off/on the timeline visibility and rendering.

Language:

Yup, you guessed it!, you can change the app language here. Choose from a selection of languages to make your experience more accessible and enjoyable (feature not yet available).

Settings:

  • Photo mode: Use it to hide all of the UI, use LMB (left mouse button) to leave the portrait mode.
  • Units: Here you can choose your preffered distance units (kilometres - miles)
  • Remove data: If you want to start again, use this button to get rid of all the user input data, but remember, this process is irreversible.
  • Report a bug: Form for reporting bugs (feature not yet available),
  • Tutorial: If you feel lost, this option allows you to come back to the tutorial.