{"id":21515066,"url":"https://github.com/ecamlioglu/angular-weather-app-w-forecast","last_synced_at":"2026-05-19T14:11:42.490Z","repository":{"id":252791098,"uuid":"841394458","full_name":"ecamlioglu/angular-weather-app-w-forecast","owner":"ecamlioglu","description":"Angular with OpenWeatherMap Application to view and forecast location based weather.","archived":false,"fork":false,"pushed_at":"2024-08-12T12:19:26.000Z","size":13318,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T16:15:27.508Z","etag":null,"topics":["angular","azure-static-web-app","openweathermap-api","primeng"],"latest_commit_sha":null,"homepage":"https://witty-smoke-083172a1e.5.azurestaticapps.net","language":"TypeScript","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/ecamlioglu.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-08-12T10:17:48.000Z","updated_at":"2024-08-13T14:08:18.000Z","dependencies_parsed_at":"2024-08-12T15:17:32.424Z","dependency_job_id":"a2b98b9f-a15a-4712-b9ef-2fe18e70f900","html_url":"https://github.com/ecamlioglu/angular-weather-app-w-forecast","commit_stats":null,"previous_names":["ecamlioglu/angular-weather-app-w-forecast"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ecamlioglu/angular-weather-app-w-forecast","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecamlioglu%2Fangular-weather-app-w-forecast","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecamlioglu%2Fangular-weather-app-w-forecast/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecamlioglu%2Fangular-weather-app-w-forecast/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecamlioglu%2Fangular-weather-app-w-forecast/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ecamlioglu","download_url":"https://codeload.github.com/ecamlioglu/angular-weather-app-w-forecast/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ecamlioglu%2Fangular-weather-app-w-forecast/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280987579,"owners_count":26425342,"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","status":"online","status_checked_at":"2025-10-25T02:00:06.499Z","response_time":81,"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":["angular","azure-static-web-app","openweathermap-api","primeng"],"created_at":"2024-11-23T23:54:00.743Z","updated_at":"2025-10-25T16:46:21.568Z","avatar_url":"https://github.com/ecamlioglu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Weather App with Forecast\n\nThis project is an Angular-based weather dashboard that provides current weather conditions, a five-day forecast, and an hourly forecast for any given city or zip code. The application is designed with a user-friendly interface, offering features like unit conversion between Celsius and Fahrenheit and error handling for invalid inputs.\n\n## Features\n\n- Current Weather Conditions: Displays temperature, humidity, wind speed, weather description, and an icon representing the current weather.\n-\tFive-Day Forecast: Provides daily high and low temperatures, along with weather icons for the next five days.\n-\tHourly Forecast: Offers an hourly breakdown of the weather for the next 24 hours.\n-\tTemperature Unit Toggle: Users can switch between Celsius and Fahrenheit.\n-\tInteractive UI: The dashboard is designed to be visually appealing, responsive, and easy to navigate, with clear and organized weather information.\n-\tError Handling: Handles invalid city names or zip codes gracefully, displaying appropriate error messages.\n-\tLoading States: Displays loading indicators while fetching data.\n\n## Tech Stack\n\n-\tAngular 18: The latest Angular version is used to build a robust, modular, and maintainable application.\n-\tPrimeNG Components: Leveraged for building a modern and responsive UI.\n-\tOpenWeatherMap API: Utilized to fetch weather data.\n\n## Installation\nTo run this project locally, follow these steps:\n\n1.\tClone the repository:\n\n```bash\ngit clone https://github.com/ecamlioglu/angular-weather-app-w-forecast.git\ncd angular-weather-app-w-forecast\n```\n\n2.\tInstall Dependencies:\n\n```bash\nyarn // I'm using yarn on this project.\n```\n\n3.\tSet up environment variables\n\nCreate your environment ts under the src/environment/*. And add your API key.\n\nAnd enjoy to your weather app.\n\n## Deployment\n\nThe application is configured to be deployed to Azure Static Web Apps. A GitHub Actions workflow automates the build and deployment process.\n\n### To deploy:\n\n1.\tSet up your environment variables in the Azure portal, including the OpenWeatherMap API key.\n2.\tPush your code to GitHub, and the GitHub Actions workflow will handle the rest.\n\n## Contributing\n\nContributions are welcome! Please follow these steps:\n\n1.\tFork the repository.\n2.\tCreate a new branch (git checkout -b feature/YourFeature).\n3.\tCommit your changes (git commit -m 'Add YourFeature').\n4.\tPush to the branch (git push origin feature/YourFeature).\n5.\tOpen a pull request.\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Acknowledgments\n\n-\tOpenWeatherMap API for providing weather data.\n-\tPrimeNG for UI components.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fecamlioglu%2Fangular-weather-app-w-forecast","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fecamlioglu%2Fangular-weather-app-w-forecast","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fecamlioglu%2Fangular-weather-app-w-forecast/lists"}