Skip to content

A simple and interactive web application that displays real-time weather information for any city entered by the user. Built with HTML, CSS, and JavaScript, it fetches data from the OpenWeatherMap API to show current temperature, weather conditions, humidity, and wind speed. The app features a responsive design, making it accessible on both desktop

Notifications You must be signed in to change notification settings

harinandanmv/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather Web Application

🌟 Overview

The Weather Web Application is a simple, user-friendly project designed to display current weather conditions for any city entered by the user. Built with HTML, CSS, and JavaScript, this app provides an interactive and visually appealing interface to explore weather details in real-time.


✨ Features

  • πŸ” Search for weather by city name.
  • 🌑️ Display current temperature, weather conditions, and additional details like humidity and wind speed.
  • πŸ“± Responsive design for seamless viewing on desktops and mobile devices.

πŸ› οΈ Technologies Used

  • HTML: Structuring the web pages.
  • CSS: Styling and layout.
  • JavaScript: Functionality and API integration.
  • OpenWeatherMap API: Fetching real-time weather data.

🌐 API Integration

The application uses the OpenWeatherMap API to retrieve weather data. Follow these steps to make the application functional:

  1. Sign up at OpenWeatherMap to get a free API key.
  2. Replace the placeholder API_KEY in the JavaScript file with your actual API key:
    const apiKey = 'YOUR_API_KEY';

πŸ“‚ Project Structure

weather-webapp/
|-- weatherapp.html       # Main HTML file
|-- weatherstyles.css     # Stylesheet for the application
|-- weatherapp.js         # JavaScript file for functionality
|-- README.md             # Project documentation (this file)

πŸ™Œ Acknowledgements

About

A simple and interactive web application that displays real-time weather information for any city entered by the user. Built with HTML, CSS, and JavaScript, it fetches data from the OpenWeatherMap API to show current temperature, weather conditions, humidity, and wind speed. The app features a responsive design, making it accessible on both desktop

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published