Angular Material Starter Template Versions Save

Long Awaiting Upgrades :

• Angular 14 🚀 , SCAM module example with standalone flag
• Tailwind 3
• Latest Cypress + Jest
• All dependencies updated

Addition -

• Switched to Cypress Code Coverage. Thanks @sjetha 😄

Removal -

• lighthouse addition (since browser inspect> light house is much better than local mode)

Feature Addition - Thanks to @sapatgit for this release

• Now supports generation of code-coverage report
• Lighthouse Report

Non-functional -

• Updated readme and scripts

Additions -

• Pre-commit hooks with the husky 🐶. Maintain quality workspace across the team.
• Block git commits if all rules are not passed.

Fixes -

• Readme updates

Starting back version 1.0.3 since now this project is on NPM yuhuuu🎉!

This Release contains -

• Npx command and npm command to set it up in just one command.
• Prettier support added and commands updated. Thanks to @DeekshithRajBasa .
• ESlint enhancements and not conflicts with Prettier
• Pipeline enhancements

Bugfix -

• Global stylesheet missing from build
• Animation stylesheet missing from build
• Fix font config in tailwind.config.js
• failing cypress test fixed

Thanks to contribution by @sjetha . This release is packed with 3 major features -

• Added Jest support for unit testing ✈️
• Added Cypress for e2e testing 🚀
• ESLint integrated 🥇

This release includes -

• bugfixes
• devtools to analyse source-maps npm commands integrated
• tailwind sample, SCAM sample, after/before-login empty pages
• purgecss post build script

• Project Structure inspired form Rik De Vos's blog

  • common annotations like @shared, @feature, @core added in tsconfig.json
  • tsconfig.app.json moved inside src
  • prod configuration setup and env with baseURL field injected in app.module
  • 3 main modules (extended notes to be added soon) -
    • CoreModule - only to be imported in Appmodule
    • FeatureModule - all lazyloaded pages/modules goes here
      • beforelogin modules
      • afterlogin modules
    • SharedModule - only to be shared and imported in feature modules
      • Can have custom components as SCAM
      • Custom Pipes, Directives, Components, Models, Validators
      • index.ts provided for shared.module.ts

• Basic Auth service like (Refer model in model folder & change accordingly)

  • login
  • refreshtoken
  • storetoken
  • getTokens
  • logout

• HTTP Request Interceptor extended to and inspired from Rich Franzmeier's blog

  • request cloner
  • header modifier
  • success and error handler
  • refresh token handler

• Tailwind and Custom Configuration

  • sample tailwind configuration with font, theme and other properties

• Angular Material Component & CDK integrated

  • Material theme starter pack included, just change colors

• Icons and Typography (CDN - index.html)

  • Angular Material Icons added
  • Default Poppins, OpenSans font integrated

• pollyfills 'web-animations-js' added for animations support inside @Component decorator

• Styles folder with subfolder added inside stylePreprocessorOption (angular.json)