Slogan: Stay ahead. Stay prepared.

ClimaTrack is a modern weather dashboard that helps you monitor real-time weather conditions for any city worldwide. Whether you're planning a trip, heading outdoors, or just staying informed, ClimaTrack provides accurate data, a clean UI, and rich details powered by OpenWeather APIs.

🌐 Live Demo

• 🎯 Purpose
• 🚀 Features
• 🛠️ Built With
• 📦 NPM Packages Used
• 🚀 Future Enhancements
• 📄 License

ClimaTrack is designed to be your personal weather assistant — delivering real-time weather data, hourly forecasts, geolocation support, and helpful insights like sunrise/sunset, UV index, and more. Its goal is to make weather data accessible, beautiful, and practical.

• 📍 Auto-detect Location
  Fetches your current weather based on device geolocation with fallback to a default city.

• 🔍 Search by City
  Enter any city name to get detailed current weather conditions.

• 🌤️ Weather Overview
  Displays location, temperature, weather conditions, and visual icons.

• 📊 Detailed Insights
  Toggle extra details like humidity, wind speed, pressure, visibility, and more.

• 📅 Date & Time Display
  Live date and time update for context while viewing conditions.

• 📱 Responsive UI
  Works beautifully across desktops, tablets, and mobile devices.

• 💫 Animation & Effects
  Smooth Lottie animations and framer-motion transitions for modern UX.

# Core
react, react-dom, react-router, vite

# Styling & UI
tailwindcss, daisyui, react-icons

# Weather Data & Utilities
axios, lottie-react, framer-motion, sweetalert2, leaflet, react-leaflet, recharts

# Dev Tools
eslint, @vitejs/plugin-react, @types/react, @types/react-dom, eslint-plugin-react-hooks, eslint-plugin-react-refresh

---

## ⚙️ Getting Started

1. **Clone the Repository**

2. **Install Dependencies**

   ```bash
   npm install

3. Run the App

   npm run dev

This project is licensed under the MIT License. Feel free to use, modify, and share — just give credit. 📘