A dynamic, front-end web application that allows users to explore the globe through an engaging and intuitive interface. This project demonstrates proficiency in creating responsive, map-based user experiences with real-time data retrieval.
Global Navigation: Smoothly pan and zoom across a high-quality vector world map.
Search Functionality: Quickly locate specific countries using the integrated search bar.
Interactive Highlights: Hover or click on countries to see them highlighted in a distinct color for better visual feedback.
Rich Country Data: Selecting a country opens a detailed sidebar containing:
National Flag Capital City Total Land Area Official Currencies Primary Languages
HTML5: Structured the semantic layout and map containers.
CSS3: Designed the sleek, dark-themed UI and responsive sidebar layouts.
JavaScript (ES6+): Handled the interactive logic, search filtering, and dynamic content updates.
Explore: Use the zoom controls (+/-) to navigate through different continents.
Search: Type the name of a country (e.g., "India", "Egypt", or "Iran") in the search field to auto-focus on that region.
Learn: Click on a highlighted region to instantly view its cultural and geographical statistics in the interactive panel.