Plastikspace

A personal multi-repository to do tests and experiments with Nx and Angular.

Install repo locally

Please make sure you have rimraf package installed globally.

  npm install -g rimraf

• clone repo: git clone [email protected]:plastikaweb/plastikspace.git.
• run yarn install:local.
• to serve it locally in development run yarn <apn-name>:serve.

Commands & generators

Some of the more usual generators and scripts:

• Run ng g @nx/angular:app my-app to generate an application.
• Run ng g @nx/angular:lib my-lib to generate a library.
• Run ng serve my-app for a dev server. Navigate to localhost:xxxx. The app will automatically reload if you change any of the source files.
• Run ng g component my-component --project=my-app to generate a new component.
• Run 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.
• Run yarn test to execute the unit tests via Jest.
• Run yarn affected:test to execute the unit tests affected by a change.
• Run yarn dep-graph to see a diagram of the dependencies of your projects.

To see a full list of available scripts see package.json file > scripts.

It is strongly recommended to use Nx Console for VSCode in order to run Nx generators.

Workflow configuration and conventions

• NX architecture
• Code style
• Accessibility
• Git commit conventions
• Git Flow and CI/CD
• CSS Styling

Available applications

• nasa-images
• experimental
• llecoop
• llecoop-firebase
• llecoop-triggers

Available libraries

This is a list of all the global shared libraries. It is very likely that other libraries exist but are related to a single project, so they are listed in the concrete project domain.

Core

• core-util-environments
• core-util-assets
• core-util-api
• core-util-cypress-commands
• core-styles-util-tailwind-preset
• core-styles-util-material
• core-ng-entry-html-util
• core-router-data-access
• core-entities
• core-can-deactivate-guard
• core-mat-theme-toggle

CMS-layout

• core-cms-layout-feature
• core-cms-layout-data-access
• core-cms-layout-entities

Shared

Auth

• shared-auth-feature
• shared-auth-firebase-data-access
• shared-auth-login-feature
• shared-auth-register-feature
• shared-auth-request-password-feature

Notification

• shared-notification-entities
• shared-notification-data-access
• shared-notification-ui-mat-snackbar

Button

• shared-button-entities
• shared-button-ui

Table

• shared-table-entities
• shared-table-ui

Form

• shared-form-feature

UI

• shared-form-ui-year-picker/shared-form-ui-year-picker-type
• shared-textarea-with-counter
• shared-input-color-picker
• shared-input-password-with-visibility
• shared-input-table
• shared-input-search-util

Util

• shared-form-util

Activity

• shared-activity-ui
• shared-activity-data-access

Confirm

• shared-confirm

Layouts

• table-with-filtering
• detail-item-form

Util

• shared-util-entities
• shared-util-objects
• shared-util-return-as-observable-pipe
• shared-util-formatters
• shared-util-dynamic-bg-color
• shared-util-latinize

Contact

Carlos Matheu Armengol

[email protected] > www.plastikaweb.com

Useful links

• Nx Angular Documentation