Skip to content

The web application displays the current weather, temperature, humidity, and wind speed.

Notifications You must be signed in to change notification settings

AreaEffectCloud/Weather-Widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Widget

A web application that displays the current weather, temperature, humidity, and wind speed of any given city in real-time. It utilizes the OpenWeatherMap API to fetch weather data from cities worldwide.

How to use

  1. Enter a city name: Input the desired city name in the search bar. search box
  2. View weather information: The current weather for the entered city will be displayed. weather info

Features

  • Simple and user-friendly interface: Simply input a city name to check the current weather.
  • Real-time updates: Fetches the latest weather data from the OpenWeatherMap API for the most up-to-date information.
  • Key weather information: Displays essential weather information such as temperature, humidity, and wind speed at a glance.

Note

The weather forecast displayed is based on data obtained from the OpenWeatherMap API and may not accurately reflect actual weather conditions. For the most accurate weather information, please refer to official sources such as your local meteorological agency.

Tech Stack

  • Frontend:
    • SCSS: Extends CSS for more efficient stylesheets
    • JavaScript: Enables dynamic elements and API interactions
  • API: OpenWeatherMap

Important

If you want to use this repo to get weather data, you'll need to sign up for an OpenWeatherMap account, obtain an API key, and add it to your project's index.js.

About

The web application displays the current weather, temperature, humidity, and wind speed.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published