Interactive 3D map platform built with Vue 3, Vite, Pinia, Tailwind, Mapbox Directions, PWA, Swiper, advanced UI/UX, Axios, and a Node/Express + TypeScript + MongoDB(geoJSON) backend with Swagger docs.
VueMap-Explorer is an innovative 3D map platform that caters to a wide range of usages, from casual personal trips to sophisticated route management for professionals. With its intuitive design and Mobile-First approach, it allows users to explore and manage geospatial data seamlessly. Developed using advanced technologies like Vue 3 and Mapbox, this application offers a rich set of features that enhance user interaction and mapping experiences.
The platform not only excels in visual presentation with 3D routes but also incorporates a robust Node/Express backend, ensuring efficient data handling and user authentication. Its offline capabilities and PWA support make it particularly appealing for those who need reliable access to mapping features in various environments.
3D Routes & Custom Markers: Easily add, edit, or remove markers and enjoy smooth 3D transitions for routes powered by Mapbox GL.
Mobile First and Adaptive UI: Designed specifically for mobile and tablet users while still performing excellently on desktops, catering to diverse user needs.
Responsive & iOS-Optimized: Special attention to iPhone and iPad users with features like safe-area insets and orientation fixes, ensuring a great experience on Apple devices.
Pinia State Management: Efficiently manages user sessions, active route data, and iOS detection for a dynamic and responsive user interface.
Swiper Cards: Provides an interactive sliding gallery to swipe through points of interest, enhanced to address iOS quirks for better usability.
Secure Auth (JWT): Utilizes Bearer tokens to connect with the Node/Express backend, ensuring user-specific protection for routes and markers.
Offline-Ready: Deployed as a Progressive Web App (PWA), allowing installation on mobile devices to facilitate exploration even when offline.
