From 6c717c9a68fe37c3de467b7b40f3c13d87d00b65 Mon Sep 17 00:00:00 2001
From: Tonmoy Day Sarkar <113795297+tonmoy7722@users.noreply.github.com>
Date: Mon, 26 Aug 2024 01:52:48 +0530
Subject: [PATCH] Create README.md

---
 README.md | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..000b958
--- /dev/null
+++ b/README.md
@@ -0,0 +1,45 @@
+# Daily Weather Web App
+
+## Description
+
+The **Daily Weather Web App** is a web application that fetches and displays weather data dynamically from the [WeatherAPI](https://www.weatherapi.com/). Built using HTML, CSS, and JavaScript, this app allows users to search for a city's weather, view current conditions, and access a 24-hour forecast with intuitive navigation.
+
+## Features
+
+- **Search Functionality**: Search for any city to get the current weather and a 24-hour forecast.
+- **Dynamic Weather Data**: Displays temperature, weather condition, precipitation, and cloud cover.
+- **24-Hour Forecast**: View detailed hourly forecasts with navigation arrows to browse through the data.
+- **Error Handling**: Meaningful error messages are displayed if the API request fails.
+- **Responsive Design**: Optimized for various screen sizes and devices.
+
+## Requirements
+
+1. **API**: Use [WeatherAPI](https://www.weatherapi.com/) for fetching weather data.
+2. **Technologies**: HTML, CSS, and JavaScript.
+3. **Data Retrieval**: Implement JavaScript `fetch()` for API calls.
+4. **Data Display**: Ensure data is well-formatted and easy to understand.
+5. **User-Friendly Features**: Include search functionality and future forecast with sorting options.
+6. **Error Handling**: Display meaningful error messages for API request failures.
+7. **Performance Optimization**: Ensure good load times and responsiveness.
+
+## How to Use
+
+1. **Search for Weather**:
+   - Enter a city name in the search input field.
+   - Click the "Search" button to fetch weather data.
+
+2. **View Forecast**:
+   - Use the left and right arrow buttons to navigate through the 24-hour forecast.
+   - The back button, positioned outside the forecast box, allows you to clear the search and refresh the app.
+
+## Live Demo
+
+You can view the live application here: [Daily Weather Web App](https://tonmoy7722.github.io/Daily-Weather/).
+
+## Installation
+
+To run this application locally:
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/tonmoy7722/Daily-Weather.git