https://github.com/arnav200525/weather-web_app

This Weather Web App allows users to get real-time weather updates. It fetches data from API and displays temperature, description, humidity, wind speed. It basically demonstrates how to integrate a API into a web apps, built with HTML, CSS, & JavaScript, it offers interactive & user-friendly interface for weather checks with responsive design.
https://github.com/arnav200525/weather-web_app

front-end html-css-javascript javascript miniproject weather-api weather-app webapp webdevelopment

Last synced: 6 months ago
JSON representation

This Weather Web App allows users to get real-time weather updates. It fetches data from API and displays temperature, description, humidity, wind speed. It basically demonstrates how to integrate a API into a web apps, built with HTML, CSS, & JavaScript, it offers interactive & user-friendly interface for weather checks with responsive design.

• Host: GitHub
• URL: https://github.com/arnav200525/weather-web_app
• Owner: arnav200525
• Created: 2025-04-04T18:43:53.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-04-04T19:08:16.000Z (6 months ago)
• Last Synced: 2025-04-04T19:49:16.430Z (6 months ago)
• Topics: front-end, html-css-javascript, javascript, miniproject, weather-api, weather-app, webapp, webdevelopment
• Language: CSS
• Homepage:
• Size: 199 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
**Overview**

The Weather Web App is a simple and interactive web application that allows users to check real-time weather data for any city worldwide. By entering a city name, users can retrieve weather information such as the current temperature, weather description, humidity levels, wind speed, and a weather icon corresponding to the current conditions. This application uses the OpenWeatherMap API to fetch real-time data and display it to users in an easy-to-understand format.

**Features**

 - Real-time Weather Data: Fetches and displays the current weather details such as temperature, description, humidity, and wind speed for any valid city.

 - Weather Icon: Shows a corresponding weather icon based on the current conditions in the city.

 - User-Friendly Interface: Simple, clean, and responsive design for easy navigation.

 - No Backend: All data is fetched directly from the OpenWeatherMap API, making it lightweight and efficient.

 - Dynamic Updates: Weather data updates automatically whenever a new city is entered by the user.

 - Cross-Device Support: The app works seamlessly on desktops, tablets, and mobile devices.

**Technologies Used**

 - HTML 

 - CSS

 - JavaScript

 - OpenWeatherMap API

**API Key**

 - To make the web-app work, you need to generate your API key:

 - Go to OpenWeatherMap.

 - Sign up for an account and generate an API key.

 - Replace the placeholder API key in the script.js file with your own key

**How to Use**

Clone or download this repository.

git clone https://github.com/arnav200525/Weather-Web_App.git

**Note: This project has no license and is intended for educational purposes only.**

                                                           **Screenshots**

                                                             

![Screenshot (9)](https://github.com/user-attachments/assets/fd7336a5-d274-4821-b046-aae1b0da73bc)

![Screenshot (10)](https://github.com/user-attachments/assets/4a7285ae-9df3-45e8-8b92-38c3987acfbf)