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

Weather Application
https://github.com/alokverma18/weather-app

api open-weather-map-api weather-app

Last synced: about 6 hours ago
JSON representation

Weather Application

• Host: GitHub
• URL: https://github.com/alokverma18/weather-app
• Owner: alokverma18
• Created: 2023-09-02T18:49:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-17T17:09:27.000Z (over 1 year ago)
• Last Synced: 2023-09-17T18:33:04.251Z (over 1 year ago)
• Topics: api, open-weather-map-api, weather-app
• Language: HTML
• Homepage: https://alokverma18.github.io/weather-app/
• Size: 1.58 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather App 🌦️

## Introduction

This is a simple web-based weather application that allows users to check the weather for a specific city. Users can enter the name of a city, and the application will display the current weather conditions for that city, including Temperature, Humidity, Wind speed, and an icon representing the weather condition.

## Features

- User-friendly Interface.

- Real-time Weather data using the OpenWeatherMap API.

- Displays Temperature, Humidity and Wind Speed

- Weather icons for specific weather conditions (e.g., cloudy, clear, rainy, etc.).

- Error message for Invalid city names.

- Dynamic Background 

## Snap

![snap](images/weather.png)

## Demo

Try this [Weather App](https://alokverma18.github.io/weather-app/) 

## Dependencies

This application uses the OpenWeatherMap API to fetch weather data. You'll need to replace the `apiKey` variable in the JavaScript code with your own API key if you plan to host this application publicly.

## Contributing

Feel free to Contribute and Improve this by creating a Pull Request or an Issue.

## Connect 

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://alokverma18.github.io/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/alokverma18/)

[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/ak_verma18)

## 

### Leave a 🌟 if it was Helpful!!

### Thanks!