{"id":24236880,"url":"https://github.com/l-stanny/angular-studies","last_synced_at":"2026-04-07T20:31:20.391Z","repository":{"id":269932030,"uuid":"908823553","full_name":"l-stanny/angular-studies","owner":"l-stanny","description":"These self-directed Angular study projects were generated in an Nx monorepo and are in this repository in part.","archived":false,"fork":false,"pushed_at":"2025-02-16T22:26:24.000Z","size":33,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-04T14:49:50.857Z","etag":null,"topics":["angular","components","css","decrement","hostbinding","html","html-input-element","increment","nx","object-oriented-programming","oop","scss","software-architecture","software-development","software-engineering","typescript","web-application","web-application-development"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/l-stanny.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-12-27T04:05:30.000Z","updated_at":"2025-02-16T22:26:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"0c183f19-0076-475e-b47f-e0fccd29decb","html_url":"https://github.com/l-stanny/angular-studies","commit_stats":null,"previous_names":["l-stanny/angular-studies-random-number"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/l-stanny/angular-studies","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/l-stanny%2Fangular-studies","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/l-stanny%2Fangular-studies/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/l-stanny%2Fangular-studies/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/l-stanny%2Fangular-studies/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/l-stanny","download_url":"https://codeload.github.com/l-stanny/angular-studies/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/l-stanny%2Fangular-studies/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31528264,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","components","css","decrement","hostbinding","html","html-input-element","increment","nx","object-oriented-programming","oop","scss","software-architecture","software-development","software-engineering","typescript","web-application","web-application-development"],"created_at":"2025-01-14T19:49:08.810Z","updated_at":"2026-04-07T20:31:20.368Z","avatar_url":"https://github.com/l-stanny.png","language":"SCSS","readme":"# Angular Studies\n\nThese self-directed study projects were generated in an [Nx](https://nx.dev) monorepo and are in this repository *in part*.\n\n\u003cp style=\"text-align: center;\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png\" width=\"450\"\u003e\u003c/p\u003e\n\n🔎 **Powerful, Extensible Dev Tools**\n\n[Nx Documentation](https://nx.dev/angular)\n\n## Random Numbers Study\nDemonstration of Javascript, Typescript, Angular interpolation - one-way data binding -, and the Angular ngModel directive's two-way data binding technique. When the form fields are filled out by the user and the \"Generate\" button is clicked, the username and a random integer between 1 and 9 are rendered in the DOM. The Angular ngModel directive is used to prefill the editable form fields.\n\n\nhttps://github.com/user-attachments/assets/0cd18113-4aae-44a6-9f5f-4c47b5f7073f\n\n\n## Reddit-like Study\nAllows the user to post an article (with a title and a URL) and vote on the posts. Voting uses Javascript subtraction and addition assignment operators and a sort function to sort articles by number of votes.\n\nIt has 2 components:\n\n1 to hold the form that submits an article. It binds the submit value in the view to entered text in the inputs using the hash, resolve, syntax then gets the data into the component as objects of the type HTMLInputElement.\n\n1 to hold the default and newly submitted articles which uses @Hostbinding and Angular built-in style and class directives to bind a CSS class and a CSS style to the host app. It uses a model to isolate the data structures.\n\n\nhttps://github.com/user-attachments/assets/521c021d-f450-4451-9768-166f51de88ca\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fl-stanny%2Fangular-studies","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fl-stanny%2Fangular-studies","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fl-stanny%2Fangular-studies/lists"}