This website is trip planner site name's TomAndJourney
JavaScript
π Tom & Journey β Your Ultimate Travel Companion β¨π
Tom & Journey is a collaborative effort between Atibdee and me, resulting in a user-friendly travel planning website developed as part of our Software Developer coursework. Tailored for ease of use, this platform empowers users to effortlessly plan their trips with customizable filters for various points of interest. Once a route is selected, the site provides estimates for distance, time, and budget. Users can personalize their itineraries, zoom in/out on the map, and leverage OpenStreetMap's extensive data.
Our project also includes a thoughtfully designed admin panel, enabling seamless pin configuration with MongoDB integration for real-time database updates. Tom & Journey serves as a testament to our expertise in web development, database management, and user-centric design.
We have implemented a system to distinguish between users and administrators. Additionally, we have implemented a session system that prevents others from logging into your account simultaneously. This system is also used for the logout functionality.
If you login with the admin account, it will redirect you to the Admin Panel Page.
You must register before logging into Tom&Journey. If you register on the webpage, your role will be user. The only way to add an admin user is by accessing the database directly. The registered data will be stored in the database.
After logging in, you can access your profile through the navigation bar, where it will display your account details. On this page, you have the option to edit your email and password.
Your trip planner will recommend a suitable trip for you, displaying the trip name, total distance, total travel time, and the number of places to visit. The time and distance are calculated using Leaflet and OpenStreetMap, open-source tools that provide an interactive map experience.
If you're not currently logged in, an inviting modal will gracefully appear, suggesting that you log in for an enhanced experience.
I've designed the trip planner page to include a map, map filters, pins, pin details, and automatic trip routing. You have the freedom to move the map as you wish, with the ability to zoom in and out. The filters consist of 10 categories, including points of interest for photography, hotels, gas stations, food establishments, metro/skytrain stations, museums, grocery stores, ports, cafes, and bars. Each filter can be toggled separately. The pins are added manually, and the routing system is provided by Leaflet.
The dashboard will display shortcuts for each category.
On this page, you can add, edit, or delete train pins.
On this page, you can add, edit, or delete bar pins.
On this page, you can add, edit, or delete cafe pins.
On this page, you can add, edit, or delete anchor pins.
On this page, you can add, edit, or delete market pins.
On this page, you can add, edit, or delete food pins.
On this page, you can add, edit, or delete pump pins.
On this page, you can add, edit, or delete hotel pins.
On this page, you can add, edit, or delete photo pins.
On this page, you can add, edit, or delete museum pins.
On this page, you can add, edit, or delete photo pins.
On this page, we've set the recommended trip for you. You can add, edit, or delete trip recommendations. Which will show on the first page of trip planner.