{"id":20743794,"url":"https://github.com/amandeepkaur1804/weather","last_synced_at":"2026-04-24T19:32:10.623Z","repository":{"id":190694056,"uuid":"683168857","full_name":"Amandeepkaur1804/weather","owner":"Amandeepkaur1804","description":"This web app fetches and displays real-time weather data for any city using the OpenWeatherMap API with a dynamic UI.","archived":false,"fork":false,"pushed_at":"2024-06-22T18:44:50.000Z","size":67,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T12:40:14.967Z","etag":null,"topics":["css3","html5","openapi","weather-api","weather-app","weather-forecast"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Amandeepkaur1804.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-25T18:59:05.000Z","updated_at":"2024-06-22T18:44:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"c2d0c0c7-29d7-4f2c-9926-f71035cad36e","html_url":"https://github.com/Amandeepkaur1804/weather","commit_stats":null,"previous_names":["amandeepkaur1804/weather"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Amandeepkaur1804/weather","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Amandeepkaur1804%2Fweather","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Amandeepkaur1804%2Fweather/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Amandeepkaur1804%2Fweather/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Amandeepkaur1804%2Fweather/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Amandeepkaur1804","download_url":"https://codeload.github.com/Amandeepkaur1804/weather/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Amandeepkaur1804%2Fweather/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32238353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","html5","openapi","weather-api","weather-app","weather-forecast"],"created_at":"2024-11-17T07:12:48.564Z","updated_at":"2026-04-24T19:32:10.607Z","avatar_url":"https://github.com/Amandeepkaur1804.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Introduction\nThis code creates a simple weather forecast web application. It allows users to input a city name and retrieve current weather information, including temperature, humidity, and wind speed, using the OpenWeatherMap API. The interface updates dynamically based on the weather conditions of the specified city.\n\n# Features\n1. City Weather Search: Users can input the name of any city to get its current weather information.\n\n2. Real-time Weather Data: Retrieves and displays real-time weather data including temperature, humidity, and wind speed using the OpenWeatherMap API.\n\n3. Dynamic Weather Icon: Updates the weather icon based on current weather conditions (e.g., clouds, clear, rain).\n\n4. Error Handling: Displays an error message if an invalid city name is entered.\n\n5. Responsive Design: The application is designed to be responsive, ensuring a good user experience on different devices.\n\n# How to Use\n1. Setup: Ensure you have an active internet connection. Obtain an API key from OpenWeatherMap by signing up.\n\n2. Modify API Key: Replace the placeholder apiKey in the script with your actual API key from OpenWeatherMap.\n\n3. Run the Application: Open the HTML file in a web browser.\n\n4. Search for a City's Weather: Enter the name of a city in the input field. Click the search button or press enter.The application will display the current weather information for the specified city.\n\n# Description\nThis weather forecast application is built using HTML, CSS, and JavaScript. Below is a brief overview of the key sections of the code:\n\nHTML Structure: The HTML file sets up the basic structure, including input fields for city search and sections for displaying weather data.\nIt also includes references to external CSS for styling and internal JavaScript for functionality.\n\nCSS Styling: The external CSS (weather.css) file contains styles to make the application visually appealing and responsive.\n\nJavaScript Functionality: Uses the OpenWeatherMap API to fetch weather data.\n1. checkWeather(city): An asynchronous function that fetches weather data for the specified city and updates the UI accordingly.\n2. Handles errors by displaying an error message when an invalid city name is entered.\n3. Listens for a click event on the search button to trigger the weather data fetch.\n   \nThis code provides a functional and user-friendly weather forecast application, demonstrating how to integrate external APIs and update the user interface dynamically.\n\nThe initial interface of the web app \n![Screenshot (63)](https://github.com/Amandeepkaur1804/weather/assets/107187322/35e909d6-2529-4214-8f3e-5da78959b930)\n\nSearch after entering the location of the city \n![Screenshot (65)](https://github.com/Amandeepkaur1804/weather/assets/107187322/5bc62938-f5ae-447b-8da2-22c082b470af)\n\nInvalid Entry Error\n\n![Screenshot (66)](https://github.com/Amandeepkaur1804/weather/assets/107187322/813e0724-8356-4dc6-a4ba-bec0e134c628)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famandeepkaur1804%2Fweather","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famandeepkaur1804%2Fweather","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famandeepkaur1804%2Fweather/lists"}