https://github.com/ajaykumar-dev-07/weather-app

A simple and intuitive weather app that provides real-time weather updates for any city. Built with HTML, CSS, and JavaScript, it uses the OpenWeatherMap API to display current temperature, weather conditions, humidity, and wind speed. The app features a responsive design and dynamic backgrounds that change based on the weather.
https://github.com/ajaykumar-dev-07/weather-app

css3 github-config html javascript responsive-web-design weather-api

Last synced: about 1 month ago
JSON representation

A simple and intuitive weather app that provides real-time weather updates for any city. Built with HTML, CSS, and JavaScript, it uses the OpenWeatherMap API to display current temperature, weather conditions, humidity, and wind speed. The app features a responsive design and dynamic backgrounds that change based on the weather.

• Host: GitHub
• URL: https://github.com/ajaykumar-dev-07/weather-app
• Owner: Ajaykumar-dev-07
• Created: 2024-08-08T16:33:44.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-24T18:03:12.000Z (6 months ago)
• Last Synced: 2024-11-10T22:37:11.390Z (3 months ago)
• Topics: css3, github-config, html, javascript, responsive-web-design, weather-api
• Language: CSS
• Homepage: https://ajaykumar-dev-07.github.io/weather-app/
• Size: 601 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App 🌦️

![GitHub stars](https://img.shields.io/github/stars/ajaykumar-dev-07/weather-app)

![GitHub forks](https://img.shields.io/github/forks/ajaykumar-dev-07/weather-app)

![GitHub issues](https://img.shields.io/github/issues/ajaykumar-dev-07/weather-app)

![GitHub license](https://img.shields.io/github/license/ajaykumar-dev-07/weather-app)

A simple weather app that provides current weather information for different locations.

## Features

- Fetches weather data from an API

- Displays temperature, humidity, and weather conditions

- Responsive design for mobile and desktop

## How to Use

1. Enter the location in the search bar.

2. Click on the "Search" button.

3. The weather information for the entered location will be displayed.

## Technologies Used

- HTML

- CSS

- JavaScript

- API (OpenWeatherMap or similar)

## Setup

Clone this repository and open `index.html` in your browser.

```bash

git clone https://github.com/ajaykumar-dev-07/weather-app.git

cd weather-app

open index.html