{"id":15960895,"url":"https://github.com/emilyjspencer/guardian-news-angular","last_synced_at":"2026-04-30T06:33:12.392Z","repository":{"id":56745224,"uuid":"524508878","full_name":"emilyjspencer/Guardian-News-Angular","owner":"emilyjspencer","description":"Re-creating Guardian News React:  https://github.com/emilyjspencer/Guardian-News-React but using Angular","archived":false,"fork":false,"pushed_at":"2023-05-10T10:33:59.000Z","size":3729,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-17T03:42:32.702Z","etag":null,"topics":["angular","api"],"latest_commit_sha":null,"homepage":"https://dapper-distribution.surge.sh/","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/emilyjspencer.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":"2022-08-13T21:11:04.000Z","updated_at":"2023-05-10T10:30:44.000Z","dependencies_parsed_at":"2024-10-30T01:43:54.309Z","dependency_job_id":null,"html_url":"https://github.com/emilyjspencer/Guardian-News-Angular","commit_stats":{"total_commits":19,"total_committers":2,"mean_commits":9.5,"dds":0.1578947368421053,"last_synced_commit":"a5f23350f769604400b311b587be6ea1ebb7e2cb"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/emilyjspencer/Guardian-News-Angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FGuardian-News-Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FGuardian-News-Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FGuardian-News-Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FGuardian-News-Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emilyjspencer","download_url":"https://codeload.github.com/emilyjspencer/Guardian-News-Angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilyjspencer%2FGuardian-News-Angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32457110,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"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","api"],"created_at":"2024-10-07T15:22:25.358Z","updated_at":"2026-04-30T06:33:12.375Z","avatar_url":"https://github.com/emilyjspencer.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Guardian-News-Angular\nRe-creating Guardian News React:  https://github.com/emilyjspencer/Guardian-News-React but using Angular\n\n# Guardiannewsangular\n\n# Guardian News\n\n\n\nFor our Week 7 weekend challenge at Makers Academy, we were asked to create a single page application, using vanilla JavaScript, the Guardian API and our own testing frameworks.\n\nI re-created this application using React. I then re-created it using Angular.\n\nThe ten most recent news stories are pulled in from the Guardian API as links and rendered on the page, with their title and date of publication.\nThese links are clickable. Clicking on them takes the user to the new story on the Guardian's website.\n\n### How to run:\n\n* Clone this repository: \n```html\ngit clone https://github.com/emilyjspencer/Guardian-News-Angular.git\n```\n\n* Navigate into the repository:\n```html\ncd Guardian-News-Angular\n```\n\n* Enter the following into the command line to install the dependencies:\n```html\nnpm install\n```\n* Enter the following to start the application, which will open automatically in the browser at localhost:4200:\n```html\nng serve\n```\nNavigate to localhost:4200\n\n### Built with:\n\n* Angular\n* TypeScript\n* SCSS\n* Guardian API\n* Angular HTTPClient\n\n### What it looks like:\n\n![news](guardiannews.png)\n\n# Improvements\n\n* Use graphQL\n* Fetch and display news by 'area'\n* Make responsive\n\n# Deployment\n\nDeployed with Surge: https://dapper-distribution.surge.sh/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilyjspencer%2Fguardian-news-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femilyjspencer%2Fguardian-news-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilyjspencer%2Fguardian-news-angular/lists"}