Skip to content

Ram1103/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Overview

This Weather App is a simple web application built with JavaScript, HTML, and CSS. It provides users with real-time weather information based on their live location or a manually entered location. The app utilizes geolocation features to fetch the user's latitude and longitude for accurate weather data retrieval.

image

Features

  • Live Location Detection: The app automatically detects the user's live location using geolocation.

  • Manual Location Entry: Users can manually enter a location (city or coordinates) to get weather information for that specific place.

  • Weather Details: It displays detailed weather information, including temperature, humidity, wind speed, and weather conditions.

  • Forecast: Users can view the weather forecast for the upcoming days.

How to Use

  1. Open the Weather App in your web browser.

  2. If you grant location access, the app will automatically detect your live location and display the weather information.

  3. To manually enter a location:

    • Click on the search icon or input field.
    • Type the name of a city or coordinates (e.g., "New York" or "40.7128,-74.0060").
    • Press Enter or click the search button.
  4. The weather information for the chosen location will be displayed.

Dependencies

This project uses the following technologies and libraries:

  • HTML: The structure of the web page.
  • CSS: Styling for the user interface.
  • JavaScript: For dynamic content and API interactions.

API

The weather data is fetched from a weather API. You may need to sign up for an API key from the provider and replace it in the JavaScript code to make API requests.

Installation

No installation is required. Simply open the index.html file in a web browser, and the Weather App will run in your browser.

Screenshots

image

image

About

Weather app using JavaScript, HTML and CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages