Revise README and enhance index.html with improved UI and functionality

README.md

@@ -1,2 +1,67 @@
-# Weather-App
-My project on Weather application.
+# 🌤 Weather App
+
+A simple, modern web app to check the **current weather** and **5-day forecast** for any city using the [OpenWeatherMap API](https://openweathermap.org/api).  
+The app displays current weather details and a chart of average temperature and humidity for the next 5 days.
+
+## Features
+
+- Search weather by city name
+- Auto-detects your location (with permission)
+- Shows current temperature, weather, humidity, and wind speed
+- Displays a 5-day forecast chart (average temperature & humidity)
+- Responsive and clean UI
+
+## Demo
+
+![Weather App Screenshot](image.png) <!-- Add a screenshot if available -->
+
+## Getting Started
+
+### Prerequisites
+
+- Modern web browser
+- Internet connection
+
+### Run Locally
+
+1. **Clone this repository:**
+   ```sh
+   git clone <repo-url>
+   cd Weather-App-new
+   ```
+
+2. **Open `index.html` in your browser:**
+   ```sh
+   $BROWSER index.html
+   ```
+   Or, simply double-click `index.html` in your file explorer.
+
+### API Key
+
+This app uses a demo API key. For production use, [get your own free API key](https://openweathermap.org/appid) and replace the value of `apiKey` in `index.html`:
+
+```js
+const apiKey = "YOUR_API_KEY_HERE";
+```
+
+## Project Structure
+
+```
+Weather-App-new/
+├── index.html
+├── README.md
+```
+
+## Customization
+
+- **Styling:** Edit the `<style>` section in `index.html` for custom themes.
+- **Chart:** Uses [Chart.js](https://www.chartjs.org/) for the forecast graph.
+
+## Credits
+
+- Weather data from [OpenWeatherMap](https://openweathermap.org/)
+- Charting by [Chart.js](https://www.chartjs.org/)
+
+## License
+
+This project is open source and free to use.