- it based on https://github.com/gothinkster/angular-realworld-example-app
- Will implement 12 Factor of application https://12factor.net/
- The logic actually same with https://github.com/novanxyz/vardion_catalog, but using angular, for easy portability to go android apps.
-
Basic CRUD Operations ( for each model )
- there will be two page each model, list page and detail page (obvious)
- card-base listing for list page (repeately render model card)
- form-base details for details page ( go on readonly/view and input/edit mode respectfully)
-
Login Detection ( as vardion_catalog ).
-
Server Settings (lang, currency, name-value pairs for selections) pre-reloads ( as vardion_catalog ).
-
Custom shared components
- Paginator
- Calendar View
- Dynamic Menu Renderer
- etc..
-
Schematics Template, generated complete module structure from a model.
- You needed to define model class file in root folder.
- Generate model modules by execute an command with model class file as input.
- Fix/Modify templates view (especially card and form view) in the .html file.
- Add action logics in the .ts file.
- obviously styling in the .css file.
- test script in the .specs.ts file if you mandated or prefer.
1 Module will consists :
- Routing Module, will consits 2 routes, list and details
- 2 Page components ( list and detail )
- list view to multiple records actions
- detail view for single records (you may want to add relational view, that's why detail view != readonly form view)
- 1 card view component ( for list view, for additional action buttons)
- 1 form view component ( for detail view, for additional view logic )
- 1 formgroup class ( extend from FormGroup class for form binding, for form validation )
- 1 service ( CRUD REST API ready) and offline capabilities.
You'll see the progress on commit messages.