https://github.com/velayutham1706/weather-app

A simple weather application to display weather details such as temperature, humidity and wind speed using openweather API.
https://github.com/velayutham1706/weather-app

css html javascript openweather-api

Last synced: 2 months ago
JSON representation

A simple weather application to display weather details such as temperature, humidity and wind speed using openweather API.

• Host: GitHub
• URL: https://github.com/velayutham1706/weather-app
• Owner: velayutham1706
• Created: 2025-04-07T10:04:34.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2025-04-07T10:19:34.000Z (about 1 year ago)
• Last Synced: 2025-04-07T11:28:00.656Z (about 1 year ago)
• Topics: css, html, javascript, openweather-api
• Language: HTML
• Homepage:
• Size: 108 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌤 Weather App

A simple weather application that allows users to search for a city and get real-time weather details, including:

- Temperature (in Celsius)

- Humidity

- Wind Speed

# Features

- Search for a city to get weather details

- Displays temperature, humidity, and wind speed

- Clean and user-friendly interface

![screenshot](./images/screenshot.png)

# Technologies

- HTML, CSS, JavaScript (Frontend)

- Weather API (for fetching live weather data)

# Installation & Usage

- Clone the repository:

`git clone https://github.com/velayutham1706/weather-app.git`

`cd weather-app`

- Open index.html in a browser

- Enter a city name and view the weather details

# API Integration

- Make sure to get an API key from OpenWeatherMap or any other weather API provider. Replace the API key in the script tag:

`const apiKey = "your_api_key_here";`

- If you are using any other API provider, change the URL too:

`const apiUrl = "your_api_provider_url";`