Skip to content

This is a weather application designed to provide real-time updates on weather conditions for locations across the Globe.

Notifications You must be signed in to change notification settings

theshobhitsingh/live_weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LiveWeather App

Overview:

LiveWeather App is a web application that provides users with live weather updates for locations worldwide. Whether you're planning a trip, checking the forecast for an event, or simply curious about the weather in different cities, LiveWeather has got you covered.

Features

  • Global Coverage: Access real-time weather updates for cities across the globe.
  • Live Updates: Get instant weather information for the selected city.
  • Search Functionality: Easily search for a specific city to view its weather details.
  • City Selection: Choose from a list of pre-defined cities for quick access to weather updates.
  • Comprehensive Details: View temperature, weather conditions, humidity, wind speed, and current date/time.

Technologies Used

  • HTML: Markup language for creating the structure of the web application.
  • CSS: Styling language used for designing the user interface with a clean and intuitive layout.
  • JavaScript: A programming language for implementing dynamic and interactive features.
  • Axios: JavaScript library for making HTTP requests to retrieve weather data from an external API.
  • WeatherAPI: External API providing live weather data based on location.

Installation

  1. Clone the repository: git clone https://github.com/your-username/liveweather-app.git
  2. Navigate to the project directory: cd liveweather-app
  3. Open the index.html file in your preferred web browser.

Usage

  1. Launch the LiveWeather App in your web browser.
  2. Explore the interface to view a list of pre-defined cities or use the search bar to find a specific city or town.
  3. Click on a city to instantly view its current weather conditions, including temperature, weather condition, humidity, wind speed, and current date/time.
  4. For ongoing updates, the default city name, temperature, and time will automatically refresh based on the selected or searched city.

Credits

Icons: Utilized icons from Font Awesome for visual enhancements.
Fonts: Employed fonts from Google Fonts to enhance readability and aesthetics.
Weather Data: Integrated live weather data from WeatherAPI.com.

Feedback and Contributions

Feedback, Bug Reports, and Contributions are welcomed! Feel free to submit issues or Pull Requests.

About

This is a weather application designed to provide real-time updates on weather conditions for locations across the Globe.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published