sahiljain24 / weather-app Goto Github PK

Realtime Weather App

This is a simple weather application built using HTML, CSS, and JavaScript. It leverages a weather API to fetch and display real-time weather data for any city in the world. The app features two main functionalities:

Location-based Weather: Allows users to grant access to their location, enabling the app to automatically display the weather of their current city. City Search: Provides a search bar where users can input the name of any city and retrieve its weather information. Features Real-time weather updates Responsive design for various screen sizes Location-based weather detection City search functionality Technologies Used HTML CSS JavaScript APIs Used OpenWeatherMap API: Used to fetch weather data based on location or city search. How to Use Clone the repository to your local machine. Open index.html in your preferred web browser. If you want to view the weather based on your current location, click on the "Use My Location" button and grant access to your location when prompted. Alternatively, you can use the search bar to input the name of any city and press enter to fetch its weather data. Setup To set up this project locally, follow these steps:

Get an API key from OpenWeatherMap by signing up for an account. Replace "YOUR_API_KEY" in the script.js file with your actual API key. Save the changes. Open index.html in a web browser. Screenshots

Demo You can view a live demo of this project here. https://sahiljain24.github.io/Weather-App/