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

40 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.

Coder

Coded by Shobhit Singh

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