Pack for Your Trip Tool is a travel packing checklist website built with HTML, CSS, and JavaScript. Users select their trip type, weather, trip length, and main activity, and the website generates an organized packing checklist with interactive checkboxes, saved progress, print support, and reset options. The website code and main project functionality were built manually.
Design Goal
The goal was to create a game that looked bold, clean, and exciting.
The design uses:
A full-screen split layout
Two large destination panels
Background travel images
Dark overlays for readable text
Large destination names
A highlighted annual visitor number
A central VS circle
Large Higher and Lower buttons
Score and high score display
The visual style was inspired by modern quiz games and travel websites.
I made a website called Local Hidden Gem Finder. It helps users discover interesting local spots across the United States. Users can search by city, state, or keyword, filter by categories like nature, food, art, history, beaches, and viewpoints, click on an interactive U.S. map, view hidden gem cards, open a details popup, save favorite places, and use a Learn More button to research each place.
The most challenging part was connecting all the JavaScript features together. The interactive map, API results, favorites, search, filters, details modal, and Learn More links all had to work with the same set of place data. Debugging small JavaScript errors was also challenging because one missing function or misplaced bracket could stop the whole site from working.
I am proud that the project feels like a real travel discovery app instead of just a basic webpage. I added an interactive map, cards, favorites using localStorage, a modal popup, category filters, and API support for real place data.
To test the project, open the live URL, search for a place or category, click different states on the U.S. map, use the category dropdown, click Details on a card, save a few favorites, and try the Learn More button.