Skip to content

Repository files navigation

PocCatalog

This project was generated with Angular CLI version 13.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Linters

Project is formatted by Prettier & linted by eslint. Add custom rules by adding them in overrides in .eslintrc.json.

NgRx

The App uses the Redux pattern with a store for state management. More on that on ngrx.io.

Most of the state management files in this project are located in app/geo/store.

Tailwind

Tailwind config is in tailwind.config.js.
Extend the theme by adding colors for example. Using css variables will prevent duplicate definitions. See styles.scss.

Tailwind will generate his set of classes from this config file. More on that here.

About the philosophy behind Tailwind, please read CSS Utility Classes and "Separation of Concerns" by Tailwind creator, Adam Wathan.

Material theming

Angular Material uses it's own theming. Please look at material.scss

APi generation

The api calls & DTO models are generated by openapi-generator-cli and the typescript-angular generator. The OpenAPI definition file is swagger.yml.

After an definition change, you can regenerate the files by using npm run openapi-gen.

VSCode Extensions

The project come with a set of recommanded extensions. Feel free to install them to enjoy the power of VS Code.

About

Angular POC with MatTree

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages