Vacation Destination Finder

I built a front-end web application where users can browse destinations, filter them by preference, and save favorite destinations. I structured the data, implemented interactive filtering, managed application state, and persisted user preferences across sessions.

Tools Used: HTML/CSS/JS

Destination Data Set

Purpose

To support filtering and favorites, I created a custom dataset of real-world vacation destinations. Each item represents a realistic travel option instead of placeholder content, ensuring users can explore meaningful options. link to dataset

Structure

Destination cards are generated by combining destination type, region, and budget. For every unique type and region pairing, the dataset includes one vacation destination card per budget level.

(4 Types × 5 Regions) × 3 Budgets = 60 vacation destinations

Impact

This structure ensures consistent coverage across all filter options, preventing empty states when users refine results. Users can filter confidently, knowing every combination has a corresponding destination.

Scalability

Because the dataset is built around these attribute combinations, it scales predictably. Adding a new type, region, or budget automatically expands the available destinations without changing the underlying structure.

Previous
Previous

The Elephaid Foundation | UX/UI Design

Next
Next

Astrobio | Brand Identity & Web Dev