https://github.com/rajgupta2/weather-app
🚀 A simple and responsive weather app that fetches real-time weather data using the OpenWeather API. Built with HTML, CSS, and JavaScript, and deployed on GitHub Pages.
https://github.com/rajgupta2/weather-app
api-integration css frontend-project github-pages html javascript openweather-api real-time-weather responsive-design weather weather-app web-development
Last synced: about 1 month ago
JSON representation
🚀 A simple and responsive weather app that fetches real-time weather data using the OpenWeather API. Built with HTML, CSS, and JavaScript, and deployed on GitHub Pages.
- Host: GitHub
- URL: https://github.com/rajgupta2/weather-app
- Owner: rajgupta2
- License: mit
- Created: 2024-09-25T10:00:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-19T06:44:25.000Z (about 1 year ago)
- Last Synced: 2025-06-06T02:03:24.857Z (about 1 year ago)
- Topics: api-integration, css, frontend-project, github-pages, html, javascript, openweather-api, real-time-weather, responsive-design, weather, weather-app, web-development
- Language: HTML
- Homepage: https://rajgupta2.github.io/Weather-App/
- Size: 7.81 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather App 🌦️
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**.
## 🌍 Live Demo
Check out the live version of the app here:
[Weather App](https://rajgupta2.github.io/Weather-App/)
## 📌 Features
- Get real-time weather updates for any city.
- Displays temperature and weather conditions.
- Simple and user-friendly interface.
- Deployed on **GitHub Pages**.
## 🛠️ Technologies Used
- **HTML** - For the webpage structure.
- **CSS** - For styling.
- **JavaScript** - For handling API requests and dynamic content.
- **OpenWeather API** - Fetches real-time weather data.
- **GitHub Pages** - For deployment.
## 📜 How to Use
1. Open the app using the live demo link.
2. Enter a city name in the input field.
3. Click on the **"Get Weather"** button.
4. The app will fetch and display the current weather details.
## 🛠️ Installation & Setup
To run this project locally, follow these steps:
1. Clone the repository:
```sh
git clone https://github.com/rajgupta2/Weather-App.git
```
2. Navigate to the project directory:
```sh
cd Weather-App
```
3. Open index.html in a browser.
## 🔗 API Usage
This project uses the [OpenWeather API](https://openweathermap.org/api).
To use it:
1. Sign up on OpenWeather and get an API key.
2. Replace `"API_KEY"` in the script.js with your API key.
## 🚀 Deployment
This project is deployed using **GitHub Pages**. To deploy:
1. Push your project to GitHub.
2. In the GitHub repository, go to **Settings > Pages**.
3. Set the branch to `main` (or `gh-pages` if applicable).
4. The site will be live at `https://yourusername.github.io/Weather-App/`.
## 📜 License
This project is open-source and available under the **MIT License**.
---
💡 **Suggestions & Contributions are welcome!** Feel free to fork the repository and submit a pull request. 🚀