|
| 1 | +# Weather App 🌦️ |
| 2 | + |
| 3 | +A simple weather application that allows users to check the current weather of any city using the OpenWeather API. The application is deployed using **GitHub Pages**. |
| 4 | + |
| 5 | +## 🌍 Live Demo |
| 6 | + |
| 7 | +Check out the live version of the app here: |
| 8 | +[Weather App](https://rajgupta2.github.io/Weather-App/) |
| 9 | + |
| 10 | +## 📌 Features |
| 11 | + |
| 12 | +- Get real-time weather updates for any city. |
| 13 | +- Displays temperature and weather conditions. |
| 14 | +- Simple and user-friendly interface. |
| 15 | +- Deployed on **GitHub Pages**. |
| 16 | + |
| 17 | +## 🛠️ Technologies Used |
| 18 | + |
| 19 | +- **HTML** - For the webpage structure. |
| 20 | +- **CSS** - For styling. |
| 21 | +- **JavaScript** - For handling API requests and dynamic content. |
| 22 | +- **OpenWeather API** - Fetches real-time weather data. |
| 23 | +- **GitHub Pages** - For deployment. |
| 24 | + |
| 25 | +## 📜 How to Use |
| 26 | + |
| 27 | +1. Open the app using the live demo link. |
| 28 | +2. Enter a city name in the input field. |
| 29 | +3. Click on the **"Get Weather"** button. |
| 30 | +4. The app will fetch and display the current weather details. |
| 31 | + |
| 32 | +## 🛠️ Installation & Setup |
| 33 | + |
| 34 | +To run this project locally, follow these steps: |
| 35 | + |
| 36 | +1. Clone the repository: |
| 37 | +```sh |
| 38 | +git clone https://github.com/rajgupta2/Weather-App.git |
| 39 | +``` |
| 40 | + |
| 41 | +2. Navigate to the project directory: |
| 42 | +```sh |
| 43 | +cd Weather-App |
| 44 | +``` |
| 45 | + |
| 46 | +3. Open index.html in a browser. |
| 47 | + |
| 48 | + |
| 49 | +## 🔗 API Usage |
| 50 | + |
| 51 | +This project uses the [OpenWeather API](https://openweathermap.org/api). |
| 52 | +To use it: |
| 53 | + |
| 54 | +1. Sign up on OpenWeather and get an API key. |
| 55 | +2. Replace `"API_KEY"` in the script.js with your API key. |
| 56 | + |
| 57 | +## 🚀 Deployment |
| 58 | + |
| 59 | +This project is deployed using **GitHub Pages**. To deploy: |
| 60 | + |
| 61 | +1. Push your project to GitHub. |
| 62 | +2. In the GitHub repository, go to **Settings > Pages**. |
| 63 | +3. Set the branch to `main` (or `gh-pages` if applicable). |
| 64 | +4. The site will be live at `https://yourusername.github.io/Weather-App/`. |
| 65 | + |
| 66 | +## 📜 License |
| 67 | + |
| 68 | +This project is open-source and available under the **MIT License**. |
| 69 | + |
| 70 | +--- |
| 71 | + |
| 72 | +💡 **Suggestions & Contributions are welcome!** Feel free to fork the repository and submit a pull request. 🚀 |
0 commit comments