Roamlette

• 

  'Explore The World'

🧭 Inspiration As someone who’s always been drawn to travel and immersive digital experiences, I wanted to build something that reignites the spark of wanderlust in a fun, accessible, and interactive way. The inspiration behind Roamlette came from the challenge of modern travel planning — it often feels clinical, repetitive, or overwhelming. I imagined a world where discovery feels magical again — where people spin a globe, get inspired by unexpected destinations, and stumble upon secret adventures. That’s how Roamlette was born — part travel companion, part digital explorer, and entirely designed to evoke curiosity and wonder.

✨ What it Does Roamlette is a travel discovery experience powered by creativity and surprise. Users begin their journey by spinning an interactive 3D globe, landing on one of the seven continents, and exploring hand-picked popular and wildcard destinations across each region. A hidden "Roambot" leads to secret, off-the-beaten-track spots, while an easter egg — the hidden coconut — rewards curious users for their exploration. Every page features engaging visuals, region-specific information, and smooth animations to keep users immersed. The app also includes an email capture system to keep users updated as Roamlette evolves.

🔨 How I Built It I built Roamlette solo over the course of a few intense weeks using Bolt.new, combining frontend logic, animation, and layout design. I integrated 3D elements like a spinning globe using Three.js, created reusable components for continent cards, and styled the experience with Tailwind CSS to make it responsive across devices. The carousel and animation effects were custom-built for smooth transitions and high polish. I used Supabase to handle email collection and plan to use Lingo for localization. Everything — from UX to functionality — was built from the ground up by me, focused on performance, visual quality, and a unique user journey.

🧗‍♂️ Challenges I Ran Into As a solo builder, one of the biggest challenges was juggling design, development, performance optimization, and time management all at once. Getting the continent carousel to feel buttery-smooth while looping infinitely took significant testing and refinement. Making the 3D globe both performant and mobile-responsive was another hurdle. Sourcing and compressing high-quality images, writing accurate travel content, and debugging layout issues also ate into precious hours. But perhaps the biggest challenge was mental — staying motivated and believing I could compete solo against teams of 5 or more.

🏆 Accomplishments I'm Proud Of I’m incredibly proud of how polished and immersive Roamlette turned out. The spinning globe is a real highlight, and the hidden features like Roambot and the coconut easter egg add depth and surprise. The fact that I built the entire product — visual design, functionality, responsiveness, and backend — solo in just a few weeks is something I’ll always be proud of. It’s also been amazing to watch users interact with the product and smile when they find the coconut or discover a place they’ve never heard of.

📚 What I Learned This project pushed me beyond what I thought I was capable of. I sharpened my skills in animation, performance optimization, and responsive design. I learned how to integrate multiple tools and APIs, structure a scalable codebase quickly, and how to balance user delight with usability. It also reaffirmed how powerful one person can be with the right tools, focus, and a bit of creative grit.

🚀 What’s Next for Roamlette Roamlette has just begun its journey. The next steps include:

Launching user accounts and custom itinerary planners

Expanding the destination database with real-time travel APIs

Adding multilingual support via Lingo to reach a global audience

Enabling travel journals and community contributions

Developing AI-generated guides and smart itinerary suggestions

Ultimately, I want Roamlette to become a one-stop hub for wanderers, daydreamers, and adventurers — a place where curiosity leads the way.

Built With

• bolt
• netlify
• react
• tailwind
• three.js