{"id":14973426,"url":"https://github.com/atufkas/angular-openweather-app","last_synced_at":"2025-03-06T00:11:20.880Z","repository":{"id":2350460,"uuid":"13573216","full_name":"atufkas/angular-openweather-app","owner":"atufkas","description":"A weather forecast app written in AngularJS","archived":false,"fork":false,"pushed_at":"2024-09-04T17:42:51.000Z","size":5593,"stargazers_count":60,"open_issues_count":3,"forks_count":65,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-02-26T23:09:52.130Z","etag":null,"topics":["angular-directives","angular1","angularjs","demo","example-project","jasmine-tests","javascript","karma-tests","openweathermap","openweathermap-api","weather-data","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/atufkas.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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":"2013-10-14T21:03:21.000Z","updated_at":"2024-12-26T19:16:32.000Z","dependencies_parsed_at":"2024-09-06T00:08:13.050Z","dependency_job_id":null,"html_url":"https://github.com/atufkas/angular-openweather-app","commit_stats":{"total_commits":83,"total_committers":2,"mean_commits":41.5,"dds":"0.12048192771084343","last_synced_commit":"2c4cc405f657c304ae0f770f176090bce4b407a5"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atufkas%2Fangular-openweather-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atufkas%2Fangular-openweather-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atufkas%2Fangular-openweather-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atufkas%2Fangular-openweather-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atufkas","download_url":"https://codeload.github.com/atufkas/angular-openweather-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242123246,"owners_count":20075344,"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":["angular-directives","angular1","angularjs","demo","example-project","jasmine-tests","javascript","karma-tests","openweathermap","openweathermap-api","weather-data","weather-forecast"],"created_at":"2024-09-24T13:48:42.104Z","updated_at":"2025-03-06T00:11:20.856Z","avatar_url":"https://github.com/atufkas.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-openweather-app — a weather forecast app written in AngularJS\n\n---\nNote: August 2024 housekeeping -\u003e latest Release 0.3.3 \n\n- pins node engine version to \u003e= 20.0.0 and npm engine to \u003e= 10.0.0\n- changes various http urls to their https equivalents where applicable.\n- applies fixes via `npm audit fix` \n---\n\n[//]: # ([![Build Status]\u0026#40;https://travis-ci.org/atufkas/angular-openweather-app.svg?branch=master\u0026#41;]\u0026#40;https://travis-ci.org/atufkas/angular-openweather-app\u0026#41;)\n\n\u003cimg src=\"app/img/app_screenshot_v_0-1-4_1.png\" alt=\"OpenWeather App\"/\u003e\n\n\"OpenWeather App\" is a small AngularJS project that makes use of the [OpenWeatherMap](http://openweathermap.org/)\nservice for fetching and displaying weather data and forecasts based on a given location (city).\n\n_This project basically serves as an example app I refer to within an article about AngularJS\nI wrote for the German web technology magazine [t3n no. 34](http://t3n.de/news/t3n-34-fertig-100-wichtigsten-netzkoepfe-508528/)._\n\n\n## Demo\n\nA demo site running this little app can be found [here](http://w4.matthiaslienau.de/angular-openweather-app/app/).\n\n\n## Why?\n\nPoints of interests:\n\n* Building an app with AngularJS (of course!)\n* Building an app based on the [OpenWeatherMap API](http://openweathermap.org/API/)\n* Bootstrapping an AngularJS app: Basic modules and view definition, ng-app, ng-view\n* Defining a controller for handling the weather data in $scope\n* Defining a service for fetching weather data from openweathermap.com via JSONP\n* Defining a custom directive for instantly embedding sort of \"weather data day panel\"\n* Setting up unit and e2e-tests with karma/jasmine\n\nangular-openweather-app uses:\n\n* [AngularJS v1.2.32](https://github.com/angular/angular.js)\n* [angular-seed](https://github.com/angular/angular-seed)\n* [iso-3166-country-codes-angular](https://github.com/BluePyth/iso-3166-country-codes-angular)\n* [Bootstrap v3.0.0](https://github.com/twbs/bootstrap)\n\n\n## Installation\n\n### Clone repository and install dependencies\n\nvia git and npm:\n\n```\n$ git clone git@github.com:atufkas/angular-openweather-app.git [my-app-name]\n$ cd [my-app-name]\n$ npm install\n```\n\n### Run application via server\n\n(see also [angular-seed docs](https://github.com/angular/angular-seed))\n\nYou can pick one of these options:\n\n1. serve this repository with a webserver of-your-choice\n2. having installed node/npm (\u003e 5.2.1), you can start a simple web server with `npx`:\n\n```\n$ npx serve app\n```\n\nThen open `http://localhost:3000/` in your browser.\n\n### Run tests\n\nTo run unit and end-2-end tests with karma/jasmine, call these scripts:\n\n```\n$ ./scripts/test.sh\n$ ./scripts/e2e-test.sh\n```\n\n\n## Contribute!\n\nIdeas, suggestions and pull requests are welcome. Someone willing to suggest a fancy (responsive) design\nfor desktop and mobile use?\n\n\n## Todo\n\n* Make use (and parse) more provided weather data (+ add filters, formatting)\n* Internationalization / Localization\n* Provide \"use current location\" and fetch data via lat/lon\n* Build a view with n-day-forecast in typical weather app style\n* Improve UI/UX by integrating a fancy design, transitions, effects\n\n## Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=atufkas/angular-openweather-app\u0026type=Date)](https://star-history.com/#atufkas/angular-openweather-app\u0026Date)\n\n\n## License\n\n[The MIT License](http://opensource.org/licenses/MIT)\n\nAll data provided by the great service and API of [OpenWeatherMap](http://openweathermap.org/).\n\nCopyright (c) 2013 Matthias Lienau \u0026lt;matthias@mlienau.de\u0026gt;\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatufkas%2Fangular-openweather-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatufkas%2Fangular-openweather-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatufkas%2Fangular-openweather-app/lists"}