{"id":17268119,"url":"https://github.com/kingdarboja/ngfire-showcase","last_synced_at":"2025-08-19T08:38:53.143Z","repository":{"id":91463460,"uuid":"348524505","full_name":"KingDarBoja/ngfire-showcase","owner":"KingDarBoja","description":"My Learning path into NX + NGRX + AngularFire","archived":false,"fork":false,"pushed_at":"2021-06-15T22:14:43.000Z","size":5882,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-26T11:15:13.778Z","etag":null,"topics":["angularfire","learning","ngrx","nx-workspace"],"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/KingDarBoja.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":"2021-03-16T23:47:57.000Z","updated_at":"2023-04-14T09:49:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"8f1fcdfa-6ddc-40bf-8aa4-e5b85cb37f2f","html_url":"https://github.com/KingDarBoja/ngfire-showcase","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KingDarBoja/ngfire-showcase","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KingDarBoja%2Fngfire-showcase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KingDarBoja%2Fngfire-showcase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KingDarBoja%2Fngfire-showcase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KingDarBoja%2Fngfire-showcase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KingDarBoja","download_url":"https://codeload.github.com/KingDarBoja/ngfire-showcase/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KingDarBoja%2Fngfire-showcase/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271123308,"owners_count":24703202,"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-08-19T02:00:09.176Z","response_time":63,"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":["angularfire","learning","ngrx","nx-workspace"],"created_at":"2024-10-15T08:12:33.471Z","updated_at":"2025-08-19T08:38:53.114Z","avatar_url":"https://github.com/KingDarBoja.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NgfireShowcase\n\nThis project was generated using [Nx](https://nx.dev).\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/nrwl/nx/master/images/nx-logo.png\" width=\"450\"\u003e\u003c/p\u003e\n\n🔎 **Nx is a set of Extensible Dev Tools for Monorepos.**\n\n## Quick Start \u0026 Documentation\n\n[Nx Documentation](https://nx.dev/angular)\n\n[10-minute video showing all Nx features](https://nx.dev/angular/getting-started/what-is-nx)\n\n[Interactive Tutorial](https://nx.dev/angular/tutorial/01-create-application)\n\n## Adding capabilities to your workspace\n\nNx supports many plugins which add capabilities for developing different types of applications and different tools.\n\nThese capabilities include generating applications, libraries, etc as well as the devtools to test, and build projects as well.\n\nBelow are our core plugins:\n\n- [Angular](https://angular.io)\n  - `ng add @nrwl/angular`\n- [React](https://reactjs.org)\n  - `ng add @nrwl/react`\n- Web (no framework frontends)\n  - `ng add @nrwl/web`\n- [Nest](https://nestjs.com)\n  - `ng add @nrwl/nest`\n- [Express](https://expressjs.com)\n  - `ng add @nrwl/express`\n- [Node](https://nodejs.org)\n  - `ng add @nrwl/node`\n\nThere are also many [community plugins](https://nx.dev/nx-community) you could add.\n\n## Generate an application\n\nRun `ng g @nrwl/angular:app my-app` to generate an application.\n\n\u003e You can use any of the plugins above to generate applications as well.\n\nWhen using Nx, you can create multiple applications and libraries in the same workspace.\n\n## Generate a library\n\nRun `ng g @nrwl/angular:lib my-lib` to generate a library.\n\n\u003e You can also use any of the plugins above to generate libraries as well.\n\nLibraries are sharable across libraries and applications. They can be imported from `@ngfire-showcase/mylib`.\n\n## Development server\n\nRun `ng serve my-app` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.\n\n## Code scaffolding\n\nRun `ng g component my-component --project=my-app` to generate a new component.\n\n## Build\n\nRun `ng build my-app` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.\n\n## Running unit tests\n\nRun `ng test my-app` to execute the unit tests via [Jest](https://jestjs.io).\n\nRun `nx affected:test` to execute the unit tests affected by a change.\n\n## Running end-to-end tests\n\nRun `ng e2e my-app` to execute the end-to-end tests via [Cypress](https://www.cypress.io).\n\nRun `nx affected:e2e` to execute the end-to-end tests affected by a change.\n\n## Understand your workspace\n\nRun `nx dep-graph` to see a diagram of the dependencies of your projects.\n\n## Further help\n\nVisit the [Nx Documentation](https://nx.dev/angular) to learn more.\n\n## ☁ Nx Cloud\n\n### Computation Memoization in the Cloud\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://raw.githubusercontent.com/nrwl/nx/master/images/nx-cloud-card.png\"\u003e\u003c/p\u003e\n\nNx Cloud pairs with Nx in order to enable you to build and test code more rapidly, by up to 10 times. Even teams that are new to Nx can connect to Nx Cloud and start saving time instantly.\n\nTeams using Nx gain the advantage of building full-stack applications with their preferred framework alongside Nx’s advanced code generation and project dependency graph, plus a unified experience for both frontend and backend developers.\n\nVisit [Nx Cloud](https://nx.app/) to learn more.\n\n## Libraries Decision Process\n\nFor any new feature that belongs to a section (domain), create a grouping folder to contains those feature libraries.\n\n```yml\napps\n  - client-app\n    - (...)\n    - user-section\n      - // The user feature-shell goes here.\n  - server-app // NestJS example\n    - user\n      - user.controller.ts // imported `user.model` to share interfaces between server and client.\n      - user.module.ts\nlibs\n  - root\n    - feature-shell\n  - user\n    - data-access\n      - src/lib/user-http.service.ts\n    - domain\n      - src/lib/user-specific.model.ts\n    - feature-page\n    - feature-billing\n    - feature-profile\n    - ui-profile\n    - util-profile\n  - company\n    - feature-page\n    - feature-list\n    - feature-search\n  - country\n    - (...)\n  - shared\n    - ui\n    - domain-user\n      - user.model.ts\n```\n\n- In this example, `root`, `user`, `company` and `country` are grouping folders containing *`feature`* libraries related to that domain. these feature libraries implement smart UI (with access to data sources) for specific business use cases or pages in an application.\n\nIn the specific case of `root` directory, it should be imported by the app root module `app.module.ts` which declares the root component and imports the `feature-shell` module which sets up routing, initializers, configuration, and other orchestration.\n\n- These grouping directories can contain domain-specific *`data-access`* libraries, which provides code for interacting with a back-end system, including state management.\n\n- Also can contain `ui` libraries, which are a collection of related presentational components. There are generally no services injected into these components (all of the data they need should come from Inputs). These are meant to be used by feature libraries.\n\n- The *`domain`* / *`types`* specific libraries should contain code that should only be imported in other libraries under the grouping folder (i.e `user-specific.model.ts`) like as `util-profile`, `feature-profile`, and `ui-profile`. To enforce this, use the `scope:domain` tag along with ESLint `@nrwl/nx/enforce-module-boundaries` rule setting.\n\nA good example would be a `ProfileContainerComponent` in `feature-profile` using ProfileComponent (presentational component) from `ui-profile`. Both might depend on `user-specific.model.ts`, so both allowed to access.\n\n- Anything **shared** between multiple domains, not only libs but apps, should belong to `shared` grouping folder. Note that even an entire domain can be shared, for example between client-side apps. \n\nIf a file needs to be used in other domains or apps (i.e `user.model.ts`) to allow interfacing between `data-access` and `feature` / `ui` libraries, it should be in a shared library as `domain-user` under the `shared` grouping folder.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkingdarboja%2Fngfire-showcase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkingdarboja%2Fngfire-showcase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkingdarboja%2Fngfire-showcase/lists"}