{"id":22962029,"url":"https://github.com/actionanand/rxjs-practice","last_synced_at":"2025-04-02T03:23:45.702Z","repository":{"id":44577664,"uuid":"512856309","full_name":"actionanand/rxjs-practice","owner":"actionanand","description":"It's a practice repo for rxjs","archived":false,"fork":false,"pushed_at":"2022-08-26T18:32:45.000Z","size":490,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-07T18:17:21.112Z","etag":null,"topics":["angular14","rxjs"],"latest_commit_sha":null,"homepage":"","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/actionanand.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}},"created_at":"2022-07-11T17:49:12.000Z","updated_at":"2022-07-11T18:28:30.000Z","dependencies_parsed_at":"2022-09-07T07:40:16.756Z","dependency_job_id":null,"html_url":"https://github.com/actionanand/rxjs-practice","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Frxjs-practice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Frxjs-practice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Frxjs-practice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Frxjs-practice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/actionanand","download_url":"https://codeload.github.com/actionanand/rxjs-practice/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246748352,"owners_count":20827303,"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":["angular14","rxjs"],"created_at":"2024-12-14T19:14:50.817Z","updated_at":"2025-04-02T03:23:45.675Z","avatar_url":"https://github.com/actionanand.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## RxJs Practice Repo\n\nThis course repository is updated to Angular v14:\n\n# Installation pre-requisites\n\nPlease use Node 16 (Long Term Support version).\n\n# Installing the Angular CLI\n\nWith the following command the angular-cli will be installed globally in your machine:\n\n```bash\nnpm install -g @angular/cli \n```\n\n# To Run the Development Backend Server\n\nIn order to be able to provide realistic examples, we will need in our playground a small REST API backend server. We can start the sample application backend with the following command:\n\n```bash\nnpm run server\n```\n\nThis is a small Node REST API server.\n\n# To run the Development UI Server\n\nTo run the frontend part of our code, we will use the Angular CLI:\n\n```bash\nnpm start \n```\n\n- The application is visible at port 4200: [http://localhost:4200](http://localhost:4200)\n\n# Initializing a clean Angular Material Project\n\nThese are the commands and steps needed to scaffold a new Angular Material project from scratch,\nfrom an empty folder.\n\nPlease make sure to have the latest CLI, and at least NPM 5.\n\nWhen is doubt, its recommended to update to the latest version of node using a node versioning tool\nsuch as for example [nave](https://github.com/isaacs/nave) or [nvm-windows](https://github.com/coreybutler/nvm-windows).\n\n# Step 1 - Scaffold a clean project using the Angular CLI\n\nWith a CLI version 1.5 or above, let's scaffold a new project with routing:\n\n```bash\nng new angular-material-hello-world --routing\n```\n\n# Step 2 - Installing Angular Material dependencies\n\nNext, let's install these dependencies:\n\n```bash\nnpm install @angular/material @angular/cdk  @angular/animations hammerjs\n```\n\n# Step 3 - Adding Google Material Icons Font\n\nLet's add this to our index.html:\n\n```html\n\u003clink href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\"\u003e\n```\n\n# Step 4 - choosing a Theme\n\nBefore starting to import components, let's choose a widget theme, have a look at the themes available\n\ninside `node_modules/@angular/material/prebuild-themes`.\n\nWe can for example use the Indigo Pink theme by adding this line to our styles.css file:\n\n```css\n@import \"~@angular/material/prebuilt-themes/indigo-pink.css\";\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Factionanand%2Frxjs-practice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Factionanand%2Frxjs-practice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Factionanand%2Frxjs-practice/lists"}