🌍 Wanderlust Travel Dashboard

Wanderlust is a modern, interactive travel intelligence dashboard designed to deliver a complete global exploration experience in one unified platform.

It allows users to discover countries, track holidays, explore worldwide events, monitor real-time weather forecasts, convert currencies instantly, and build personal travel plans — all inside a clean, responsive, dashboard-style interface.

Built with a strong focus on UI clarity, smart organization, and real-time API-driven insights, Wanderlust transforms travel planning into a smooth digital experience.

---

🚀 Live Experience

🔗 Explore Wanderlust Dashboard:
https://ziadshaaban1234.github.io/Wanderlust/

📂 Source Code Repository:
https://github.com/ziadshaaban1234/Wanderlust

---

✨ Core Features & Modules

• 🌍 Country Explorer System
  Select any country and instantly access key information such as capital city, region, and local destination context.

• 🎉 Holiday & National Calendar Engine
  View official holidays across the year with categorized holiday types and structured date insights.

• 🎫 Worldwide Events Discovery Hub
  Explore festivals, concerts, sports, and global events through interactive event cards and booking-ready actions.

• ☁️ Real-Time Weather Forecast Dashboard
  Live weather monitoring with modern forecast cards, temperature details, and atmospheric conditions.

• 💱 Currency Converter & Exchange Tracker
  Instant conversion between currencies with live exchange rate visualization and popular currency highlights.

• 📌 Saved Plans & Personal Organizer
  Save events, holidays, and destinations into a personal travel planning board for quick access.

• 🔔 Smart Toast Notifications & Alerts
  Responsive feedback system for all actions such as saving, deleting, clearing plans, and exploration prompts.

• 📱 Ultra Responsive Dashboard Design
  Optimized layouts across all devices, including extreme small screen support.

---

🛠️ Technical Stack

• Core Development: Vanilla JavaScript (ES6+)
• UI Architecture: Modular Dashboard Components
• Styling: CSS3 Custom Properties, Flexbox, Grid Layout
• Responsive System: Multi-breakpoint adaptive design engine
• API Integration:
  • Holidays Data API
  • Live Weather Forecast API
  • Events Discovery API
  • Currency Exchange Rate API
  • Country Information API

---

📂 Project Structure

Wanderlust/
├── index.html
├── README.md
└── src/
    ├── css/
    │   ├── base.css
    │   ├── components.css
    │   ├── dashboard.css
    │   ├── layout.css
    │   ├── responsive.css
    │   ├── utilities.css
    │   ├── views.css
    │   ├── weather.css
    │   └── widgets.css
    │
    ├── images/
    │   ├── event-demo.jpg
    │   └── event-placeholder.jpg
    │
    └── js/
        └── main.js