Plastikspace

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

This project was generated using Nx.

Install repo locally

Please make sure you have rimraf package installed globally.

  npm install -g rimraf

• clone repo: git clone git@github.com: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

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

CMS-layout

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

Notification

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

Shared

Button

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

Table

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

Form

• shared-form-feature
• shared-form-ui-year-picker/shared-form-ui-year-picker-type

Activity

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

Util

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

Contact

Carlos Matheu Armengol

info@plastikaweb.org > www.plastikaweb.com

Useful links

• Nx Angular Documentation