← Back to Projects

Adventures

Welcome to Adventures, a premium interactive travel companion designed for planning multi-leg travel adventures. Built with a sleek dark glassmorphic UI, real-time map visualization, smart multi-currency budgeting, and role-based sharing, Adventures keeps your journeys organized and interactive—both online and offline.

JavaScript (ES6+) Node.js Express.js PostgreSQL Leaflet JS PWA Offline Caching
Status ✅ Live
Type PWA / Web App
Mapping Leaflet (Interactive)
Hosted on Railway

✨ Key Features

🗺️

Interactive Journey Map

Real-time visual routing mapping base cities (hotel pins) and excursion day-trips (hiker pins). Draws solid transit segments and custom curved Bezier lines for flight routes.

📅

Dynamic Itinerary Builder

Timeline scheduling with shiftable dates, allowing you to insert or delete days dynamically. Tracks lodging details, booking links, and multi-leg transit steps.

👥

Role-Based Collaboration

Invite collaborators with specific access controls. Owner role handles visibility and deletes, Editors manage itinerary logs, and Viewers have elegant read-only pages.

💰

Smart Cost & Budget Tracker

Log trip-level or day-specific expenses across multiple currencies with automated conversions. Maps costs at coordinate markers and displays budget breakdowns by category.

📸

Captured Memories & Journaling

Drop memory markers and time-stamped log entries at exact coordinates on the Leaflet map, featuring smooth fly-to camera pans centering the map on each memory's origin.

📴

PWA & Offline Map Caching

Fully offline-ready Progressive Web App with custom service worker caching. Map tiles are intercepted and cached locally in IndexedDB to keep journey maps active in dead zones.

🛠️ Technical Implementation

⚛ 

Frontend Architecture

Built with Vanilla HTML5 and ES6+ JavaScript. Designed with custom dark glassmorphic CSS variables, micro-animations, and fluid Leaflet.js interactive maps.

🖥️

Backend & Middleware

Lightweight Node.js and Express REST API. Utilizes crypto-secure session management and role validation middleware restricting itinerary routes dynamically.

🗄️

Database & Migrations

Neon serverless PostgreSQL database client. Updates are applied incrementally using non-destructive SQL migrations to ensure 100% user data safety.

← Back to Projects