{"id":27048573,"url":"https://github.com/arnav200525/weather-web_app","last_synced_at":"2025-04-09T18:41:43.326Z","repository":{"id":286177364,"uuid":"960618296","full_name":"arnav200525/Weather-Web_App","owner":"arnav200525","description":"This Weather Web App allows users to get real-time weather updates. It fetches data from API and displays temperature, description, humidity, wind speed. It basically demonstrates how to integrate a API into a web apps, built with HTML, CSS, \u0026 JavaScript, it offers interactive \u0026 user-friendly interface for weather checks with responsive design.","archived":false,"fork":false,"pushed_at":"2025-04-04T19:08:16.000Z","size":204,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T19:49:16.430Z","etag":null,"topics":["front-end","html-css-javascript","javascript","miniproject","weather-api","weather-app","webapp","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/arnav200525.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":"2025-04-04T18:43:53.000Z","updated_at":"2025-04-04T19:08:20.000Z","dependencies_parsed_at":"2025-04-04T19:59:29.864Z","dependency_job_id":null,"html_url":"https://github.com/arnav200525/Weather-Web_App","commit_stats":null,"previous_names":["arnav200525/weather-web_app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnav200525%2FWeather-Web_App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnav200525%2FWeather-Web_App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnav200525%2FWeather-Web_App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnav200525%2FWeather-Web_App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arnav200525","download_url":"https://codeload.github.com/arnav200525/Weather-Web_App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248089956,"owners_count":21045998,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["front-end","html-css-javascript","javascript","miniproject","weather-api","weather-app","webapp","webdevelopment"],"created_at":"2025-04-05T07:15:14.785Z","updated_at":"2025-04-09T18:41:43.302Z","avatar_url":"https://github.com/arnav200525.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"**Overview**\n\nThe Weather Web App is a simple and interactive web application that allows users to check real-time weather data for any city worldwide. By entering a city name, users can retrieve weather information such as the current temperature, weather description, humidity levels, wind speed, and a weather icon corresponding to the current conditions. This application uses the OpenWeatherMap API to fetch real-time data and display it to users in an easy-to-understand format.\n\n**Features**\n - Real-time Weather Data: Fetches and displays the current weather details such as temperature, description, humidity, and wind speed for any valid city.\n - Weather Icon: Shows a corresponding weather icon based on the current conditions in the city.\n - User-Friendly Interface: Simple, clean, and responsive design for easy navigation.\n - No Backend: All data is fetched directly from the OpenWeatherMap API, making it lightweight and efficient.\n - Dynamic Updates: Weather data updates automatically whenever a new city is entered by the user.\n - Cross-Device Support: The app works seamlessly on desktops, tablets, and mobile devices.\n\n**Technologies Used**\n - HTML \n - CSS\n - JavaScript\n - OpenWeatherMap API\n\n**API Key**\n - To make the web-app work, you need to generate your API key:\n - Go to OpenWeatherMap.\n - Sign up for an account and generate an API key.\n - Replace the placeholder API key in the script.js file with your own key\n\n**How to Use**\nClone or download this repository.\ngit clone https://github.com/arnav200525/Weather-Web_App.git\n\n\n**Note: This project has no license and is intended for educational purposes only.**\n\n\n                                                           **Screenshots**\n                                                             \n![Screenshot (9)](https://github.com/user-attachments/assets/fd7336a5-d274-4821-b046-aae1b0da73bc)\n![Screenshot (10)](https://github.com/user-attachments/assets/4a7285ae-9df3-45e8-8b92-38c3987acfbf)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnav200525%2Fweather-web_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnav200525%2Fweather-web_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnav200525%2Fweather-web_app/lists"}