An open API service indexing awesome lists of open source software.

https://github.com/prithvikings/weather_update

Quick Weather Update is a simple web app and chrome extension that provides real-time weather information by city, displaying temperature, humidity, and wind speed using the OpenWeatherMap API.
https://github.com/prithvikings/weather_update

Last synced: over 1 year ago
JSON representation

Quick Weather Update is a simple web app and chrome extension that provides real-time weather information by city, displaying temperature, humidity, and wind speed using the OpenWeatherMap API.

Awesome Lists containing this project

README

          

# Quick Weather Update

A simple weather application and chrome extension that provides real-time weather updates based on city input. The application utilizes the OpenWeatherMap API to fetch weather data and displays current temperature, humidity, and wind speed.

## Features

- Search for weather updates by entering a city name.
- Displays temperature in Celsius.
- Shows weather conditions (e.g., light rain, clear sky).
- Displays humidity and wind speed.
- Responsive design for mobile and desktop devices.

## Technologies Used

- HTML
- CSS
- JavaScript
- [OpenWeatherMap API](https://openweathermap.org/api)

## Installation

To run this project locally, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/yourusername/quick-weather-update.git
2. Navigate to the project directory:

```
cd quick-weather-update
```
3.Open index.html in your preferred web browser.

# Usage
1.Enter a city name in the input box.
2.Click the search button (magnifying glass icon).
3.The application will display the current weather information for the specified city.
4.If the city is not found, an error message will be displayed.

# Screenshot

# ![Screenshot 2024-11-08 183907](https://github.com/user-attachments/assets/c81c6976-65c0-4da9-849b-5b809cc2732b)

# ![Screenshot 2024-11-08 183941](https://github.com/user-attachments/assets/b3cd59cc-1617-403a-8d29-a08adbf740c2)

# ![Screenshot 2024-11-08 183959](https://github.com/user-attachments/assets/6e1801e9-1bb9-4f5d-966d-2633d915a77b)

# ![Screenshot 2024-11-08 184021](https://github.com/user-attachments/assets/87f8a8c6-2970-4787-a0f3-0ff132c8682e)