NavNomad

<div ng-app="app" ng-controller="MapCtrl">
  <!-- Leaflet Map -->
  <leaflet center="center" defaults="defaults" geojson="geojson" style="height: 100vh;"></leaflet>

  <!-- Info Box -->
  <div class="popup-box" ng-show="selectedCountry.name">
    <h3>{{selectedCountry.name}}</h3>
    
    <p>🌍 Fun Fact: {{selectedCountry.fact || 'Click a country to see a fun fact!'}}</p>
    <p>🧭 Status: {{selectedCountry.status || 'Not yet added to your wishlist.'}}</p>