🌈 Inspiration
I have always loved the idea of traveling and learning about different cultures, but I also know that not everyone gets the privilege or opportunity to explore the world physically. I wanted to create something that felt cozy, interactive, and fun. Something that makes learning about countries feel like an adventure and not a regular school assignment. That is how WorldVibe began: a digital passport where anyone can explore, learn, and dream at their own pace.
✨ What it does
WorldVibe is a gamified travel learning web experience created to make cultural exploration fun, aesthetic, and curiosity driven. Users can select a country (currently Japan, India, USA, and France) and go through short learning content that covers culture, food, landmarks, traditions, and unique facts. After completing a country's learning section, users receive a digital passport stamp to celebrate progress.
The rest of the world remains locked for future expansion similar to an adventure style map.
🛠️ How I built it
- HTML, CSS, and JavaScript for structure, styling, and interactivity
- Custom visuals created to match a cozy digital travel journal theme
- GitHub Pages used for deployment
- Map based navigation to let users choose a country visually
I focused on creating a soft and friendly user experience instead of a plain informational website.
🚧 Challenges I ran into
- Designing a layout and theme that feels like an experience instead of a basic website
- Writing learning content in a short and fun style without making it feel like an article
- Keeping visual consistency and aesthetic choices throughout
- Fixing image and asset path problems while deploying to GitHub Pages
🏆 Accomplishments I am proud of
- Turning an aesthetic travel idea into a working learning prototype
- Building everything solo including UI, writing, coding, and deployment
- Keeping a consistent cozy travel vibe
- Creating country based learning content instead of long boring facts
- Deploying the project online successfully
📚 What I learned
- How to combine learning, design, and interaction in one project
- How to write educational content that does not overwhelm users
- How to think about UX as a core part of the project
- How to deploy and debug using GitHub Pages
- How helpful planning and structuring content is before coding
🚀 What is next for WorldVibe
- Full itinerary builder where users can add cafes, restaurants, attractions, museums, and bucket list spots
- User accounts and saved progress
- AI powered travel suggestions
- XP, badges, levels, and collectible passport rewards
- Mobile friendly PWA version
- More countries and unlockable regions
- Animated characters, quests, side missions, and hidden easter eggs
Log in or sign up for Devpost to join the conversation.