Travel Tracker Dashboard – Full-Stack Travel Visualization Platform

Overview

Travel Tracker Dashboard is a full-stack web application that enables users to track visited countries, maintain travel diaries, and visualize journeys on an interactive world map. It supports multiple profiles under a single account, allowing family members or friends to manage their travel history independently while sharing a combined travel overview.

Problem Statement

Managing travel records across different apps or spreadsheets makes it difficult to visualize journeys and preserve travel memories. Travel Tracker Dashboard provides a centralized platform to log trips, organize travel experiences, and explore visited countries through an interactive dashboard.

Key Features

Interactive SVG world map
Multi-profile management under one account
Trip diary with visit date, rating, and notes
Combined family travel map
REST Countries API integration
Secure JWT authentication
Glassmorphism-inspired responsive UI
GSAP-powered animations
Auto database migration and country data seeding

Technology Stack

Frontend

EJS
HTML5
CSS3
JavaScript
GSAP
Font Awesome

Backend

Node.js
Express.js

Database

PostgreSQL
node-postgres (pg)

Authentication

JWT
bcrypt
HttpOnly Cookies

How It Works

Users create an account and log in securely.
Create one or more travel profiles.
Select countries from the interactive map.
Add travel details such as visit date, rating, and notes.
View individual or combined travel statistics across all profiles.
Explore country information using the REST Countries API.

Core Functionalities

Secure authentication and profile isolation
Interactive travel visualization
Travel diary management
Multi-profile support
Automatic database migration and seeding
Responsive dashboard with smooth animations

Future Enhancements

Travel statistics and analytics
Photo uploads for trips
Travel timeline
Friend sharing and collaboration
Mobile application support

Outcome

Travel Tracker Dashboard provides a secure and visually engaging platform for recording, organizing, and exploring travel experiences while demonstrating modern full-stack development practices using the MVC architecture.