An interactive 3D visa requirements visualizer that helps travelers explore global travel freedom.
Select your passport and instantly see color-coded visa requirements for every country on a dynamic 3D globe. Hover for detailed travel information and flight options - making travel planning intuitive and engaging.
- 🌐 Interactive 3D Globe - Rotate and explore countries worldwide
- 📍 Real-time Country Info - Hover to see visa requirements, population, capital, currency, and language
- 🛂 Dynamic Passport Selection - Choose from 195+ countries and see personalized visa requirements
- 🎨 Color-coded Visualization - Instant visual feedback for visa-free, visa-on-arrival, eVisa, and visa-required countries
- 📱 Responsive Design - Optimized for desktop, tablet, and mobile devices
✈️ Flight Integration - Direct links to flight search for travel planning
- Frontend: React, JavaScript (ES6+)
- 3D Graphics: Three.js, react-globe.gl, react-three-fiber
- Build Tool: Vite
- Styling: CSS3 (Custom styling with modern design principles)
- APIs: REST Countries API, BigDataCloud Reverse Geocoding
- REST Countries API - Country information, flags, currencies, languages, and capitals
- BigDataCloud Reverse Geocoding API - User location detection for automatic passport selection
- Passport Index Matrix - Comprehensive visa requirements data
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- 🔄 Add real-time visa requirement updates
- 🏛️ Include embassy/consulate information
- 🗓️ Add visa processing time estimates
- 🌡️ Weather information for destinations
- 💱 Currency exchange rates
- 🏨 Integration with booking platforms
This project is licensed under the MIT License - see the LICENSE file for details.
Created by @ThekareemOne
⭐ If you find this project helpful, please give it a star on GitHub!