🌦️ Klimate Weather Forecast

A modern and responsive weather forecasting web application that provides real-time weather data, interactive graphs, and detailed insights for any location worldwide.

---

🎥 Project Demo

---

🚀 Features

📍 Current Location Weather

• 🌡️ Real-time temperature
• 💧 Humidity percentage
• 🌬️ Wind speed

📊 Today’s Temperature Graph

• 📈 Visual representation of temperature
• ⏱️ Data at 3-hour intervals

🌤️ Weather Details

• 🌅 Sunrise & Sunset timings
• 🧭 Wind direction
• 📊 Atmospheric pressure

📅 5-Day Forecast

• 🔻 Min & 🔺 Max temperature
• 💧 Humidity levels
• 🌬️ Wind speed overview

🔍 Smart Search

• 🌍 Search by country, state, or city
• ⭐ Add locations to Favorites
• 🕘 View Search History

⭐ Favorites System

• 📌 Save cities/states to a Favorites tab
• ⚡ Quickly access weather of saved locations
• 🌡️ Compare saved locations with your current location

🎨 Dynamic Weather Icons

• 🌦️ Real-time icons based on weather conditions
• ☀️ Changes for sunny, cloudy, rainy, etc.
• 🎯 Improves visual experience & clarity

🌙 Theme Support

• 🌞 Light Mode
• 🌚 Dark Mode

---

🛠️ Tech Stack

• ⚛️ React / Next.js
• 🎨 Tailwind CSS
• 🌐 OpenWeather API
• 🧠 Node.js (Backend Proxy)

---

🚀 Getting Started

git clone https://github.com/asifcuber08/Klimate--Weather-Forecast.git
cd Klimate--Weather-Forecast

🔐 Environment Variables (.env)

• Create .env file and paste this
• Signup to openweathermap to get openweather api key

VITE_OPENWEATHER_API_KEY=

---

🧪 Run on Local system

npm install

npm run dev

---

🚀 Deployment

Hosted on Vercel

⚠️ Note: File and folder names are case-sensitive on Vercel

---

📥 Contributing

Pull requests are welcome! If you find a bug or want to add a feature, feel free to open an issue.

---

⭐ Show Your Support

• If you like this project, give it a ⭐ on GitHub!

---

👤 Author

Made with ❤️ by Asif Shamim