comsysto/poc-angular-form-validation-frontend

Proof of Concept of ServerSide Form Validation with i18n and Angular Frontend.

Frontend

Proof of Concept of ServerSide Form Validation with i18n and Angular Frontend.

• ✨ Frontend - comsysto.github.io/poc-angular-form-validation-frontend/
• ✨ Backend - poc-angular-form-validation.herokuapp.com/

 

Proof of Concept Outline

• See Backend
• The Frontend should also support Intl MessageFormat pluralization support for 18n. Therefore we use:
  • https://github.com/ngx-translate/core
  • https://github.com/lephyrus/ngx-translate-messageformat-compiler

 

Frontend Description

The Frontend will provide:

• a form to to create Tickets.
• form validation in the Tickets form.
• Form Validation Rules and i18n messages loaded from backend.
• i18n JSON message files with pluralization support.

 

Deployment

Deployed to GitHub Pages on gh-pages Push

• https://comsysto.github.io/poc-angular-form-validation-frontend/

Run on a clean master branch to deploy:

bash deploy-to-gh-pages.sh

 

Development

Quickstart:

https://github.com/comsysto/poc-angular-form-validation-frontend
poc-angular-form-validation-frontend
yarn install

yarn start

Now server is running on http://localhost:4200/

 

Run Tests:

yarn test

 

Editor/IDE

At best use Visual Studio Code since it has great TypeScript support.

• Do not forget to install EditorConfig
• At best install the Angular Essentials Package
• See Angular and VS Code Debugging Guide
• Add to config { "files.trimTrailingWhitespace": true }

 

License

MIT