{"id":20290313,"url":"https://github.com/hashimthepassionate/weather-app","last_synced_at":"2026-04-18T07:34:40.587Z","repository":{"id":241262071,"uuid":"804719777","full_name":"HashimThePassionate/weather-app","owner":"HashimThePassionate","description":"This repository contains a simple Weather App built with HTML, CSS, and JavaScript. Users can enter a city name to fetch and display current weather details from the OpenWeatherMap API. Ideal for beginners learning API interaction and dynamic UI updates.","archived":false,"fork":false,"pushed_at":"2024-05-23T07:01:44.000Z","size":4733,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-23T07:33:15.676Z","etag":null,"topics":["async","await","css","fetch-api","flex","html5","javascript","json","position","try-catch","weather-app","weather-data","weatherapi","weatherapp","weatherinformation"],"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/HashimThePassionate.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":"2024-05-23T06:17:24.000Z","updated_at":"2024-05-23T06:32:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"ea5798fe-5235-47aa-9287-beadc458658b","html_url":"https://github.com/HashimThePassionate/weather-app","commit_stats":null,"previous_names":["hashimthepassionate/weather-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/HashimThePassionate/weather-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fweather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fweather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fweather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fweather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HashimThePassionate","download_url":"https://codeload.github.com/HashimThePassionate/weather-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HashimThePassionate%2Fweather-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31961346,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["async","await","css","fetch-api","flex","html5","javascript","json","position","try-catch","weather-app","weather-data","weatherapi","weatherapp","weatherinformation"],"created_at":"2024-11-14T15:06:57.958Z","updated_at":"2026-04-18T07:34:40.556Z","avatar_url":"https://github.com/HashimThePassionate.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌦️ Weather App\n\nWelcome to the **Weather App**! This elegantly designed weather application provides you with real-time weather information for any city 🌍. Simply enter a location, and the app will display the current weather conditions, including temperature, humidity, and wind speed 💨.\n\n**🌦️ Try the Weather App here: [Weather App](https://hashimthepassionate.github.io/weather-app/)**\n\n## 📋 Table of Contents\n\n- [🌦️ Weather App](#️-weather-app)\n  - [📋 Table of Contents](#-table-of-contents)\n  - [✨ Features](#-features)\n  - [💻 Tech Stack](#-tech-stack)\n  - [🚀 Installation and Setup](#-installation-and-setup)\n  - [🛠️ Usage](#️-usage)\n  - [📸 Screenshots](#-screenshots)\n    - [Home Page](#home-page)\n    - [Weather Information](#weather-information)\n  - [🌐 API Used](#-api-used)\n  - [🤝 Contributing](#-contributing)\n  - [📜 License](#-license)\n\n## ✨ Features\n\n- 🌡️ **Temperature Display**: Shows the current temperature in Celsius.\n- 🌥️ **Weather Description**: Provides a descriptive summary of the weather (e.g., sunny, cloudy).\n- 💦 **Humidity Percentage**: Displays the current humidity level.\n- 💨 **Wind Speed**: Shows the wind speed in km/h.\n- 🔎 **User-Friendly Search**: Easy-to-use search functionality for entering locations.\n- 🎨 **Beautiful UI**: Designed with custom icons and smooth animations for an enhanced user experience.\n\n## 💻 Tech Stack\n\nThis app uses the following technologies:\n\n- **HTML5**: Structure of the web page 📄\n- **CSS3**: Styling to create an attractive and responsive layout 🎨\n- **JavaScript (ES6)**: Data fetching and adding interactivity ✨\n- **OpenWeatherMap API**: Provides real-time weather information 🌐\n\n## 🚀 Installation and Setup\n\nTo set up and run the Weather App on your local machine, follow these steps:\n\n1. **Clone the Repository** 📂:\n   ```bash\n   git clone https://github.com/HashimThePassionate/weather-app.git\n   ```\n\n2. **Navigate to the Project Directory** 🚪:\n   ```bash\n   cd weather-app\n   ```\n\n3. **Open `index.html` in Your Browser** 🌐:\n   ```\n   open index.html\n   ```\n\nYou should now see the Weather App interface, ready to provide weather details 🗺️.\n\n## 🛠️ Usage\n\n1. **Enter Your City**: Input your desired location in the text box labeled \"Enter your location\" 🌆.\n2. **Search for Weather Information**: Click on the search button 🔍 to retrieve the weather details.\n3. The app will display:\n   - 🌡️ **Temperature**: Current temperature in Celsius.\n   - 🌥️ **Weather Description**: For example, \"broken clouds\" or \"rain\".\n   - 💦 **Humidity**: Humidity percentage.\n   - 💨 **Wind Speed**: Wind speed in km/h.\n\nIf an invalid location is entered, an alert will prompt you to enter a valid city name 🚨.\n\n## 📸 Screenshots\n\n### Home Page\n![Weather App Home](./images/weather-home-page.PNG)\n\n### Weather Information\n![Weather Information](./images/weather-information.PNG)\n\n## 🌐 API Used\n\nThe **OpenWeatherMap API** is used to fetch real-time weather data based on the entered city name 🗺️. The API provides data such as temperature, humidity, wind speed, and a brief weather description.\n\nTo use the app, you need an API key from [OpenWeatherMap](https://openweathermap.org/api). Once you have your key, replace the `APIKey` variable in `index.js` 🔑.\n\n## 🤝 Contributing\n\nWe welcome all contributions to make this project even better! ✨ Here's how you can get involved:\n\n1. **Fork the Repository** 🍴\n2. **Create a New Branch** for Your Feature or Bug Fix 🌿:\n   ```bash\n   git checkout -b feature-branch\n   ```\n3. **Make Changes and Commit** 📝:\n   ```bash\n   git commit -m \"Add a new amazing feature\"\n   ```\n4. **Push to Your Branch** 🚀:\n   ```bash\n   git push origin feature-branch\n   ```\n5. **Open a Pull Request** 📬\n\nWe appreciate all improvements, from fixing a typo to suggesting an entirely new feature! 😊\n\n## 📜 License\n\nThis project is licensed under the [**MIT License**](./LICENSE) 📄. You are free to use, modify, and distribute this software as per the terms of the license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashimthepassionate%2Fweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhashimthepassionate%2Fweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhashimthepassionate%2Fweather-app/lists"}