🌦️ WeatherPlus: Advanced Weather Dashboard

WeatherPlus is a beautifully designed, responsive web application that allows users to get real-time weather updates and 5-day forecasts for any city worldwide. Built using HTML, CSS, and JavaScript, this dashboard offers a sleek UI and leverages the OpenWeatherMap API for accurate data.

---

📸 UI Preview

🔍 Search View

![Search View](
A clean input box where users can type in any city name. Past searches are shown as clickable buttons.

🌤️ Current Weather Card

Displays current temperature, humidity, wind speed, and weather condition with icons.

📅 5-Day Forecast Grid

Cards showing daily weather predictions including temperature, conditions, and dates.

---

🛠️ Features

• 🌐 Search any city globally
• 📡 Real-time weather updates (temperature, humidity, wind speed)
• 📅 5-day forecast using OpenWeatherMap's API
• 💾 Local storage for past searches
• 📱 Fully responsive layout (desktop, tablet, mobile)
• 🌙 Light/Dark Mode Toggle (optional upgrade)
• 🗣️ Multilingual Support (planned)

---

📦 Requirements

• Modern Web Browser (Chrome, Firefox, Edge, Safari)
• Internet Connection (for API calls)
• For API key------> (https://openweathermap.org/api)
• Code Editor (VS Code recommended)
• Basic HTML/CSS/JS knowledge (for customization)

---

🧾 Folder Structure

WeatherPlus/
│
├── index.html               # Main HTML structure
├── style.css                # Stylesheet (with custom design & responsive layout)
├── script.js                # JavaScript logic (API, DOM updates, local storage)
├── assets/
│   ├── icons/               # Weather icons
│   └── screenshots/         # UI preview images
└── README.md                # This documentation

🚀 Setup & Usage

1. Clone the repository:

   git clone https://github.com/codesoumya2006/WeatherPlus.gitcd WeatherPlus

2. Open in Browser: Simply double-click on index.html or open it in your browser manually.
3. Add Your API Key: Open script.js and replace:

   const API_KEY = "your_api_key_here";

---

✅ To-Do / Upcoming Features

• Add real-time geolocation support
• Add language toggle (multi-language support)
• Add temperature unit toggle (°C / °F)
• Add weather animations & audio feedback
• Deploy on Netlify with custom domain

---

🙋‍♂️ Author

Made with 💙 by Soumyadeep Das Adhikary 📎 Connect on LinkedIn

---

🌐 Live Demo

🔗 Click here to try WeatherPlus Live

---

© 2025 Soumyadeep Das Adhikary — WeatherPlus Project
This project is open-source and MIT licensed.