angular-complete-app-template Tailwind Templates

Angular Complete App Template

Angular 6 + ngrx state management+ working authentication + login/logout + responsive menu + style lint + Tailwind css utilities build integration+ base scss styles + normalize.css

Angular Starter

  • This project was generated with Angular CLI version 6.0.0-rc.2.

  • Addons:

    • Ngrx state management
    • Stylelint scss config
    • Base scss style files
    • Normalize.css
    • Tailwind CSS Integration (Utility-first css architecture)
    • lint.sh - run all linters in one go - convenience utility
    • Main page with responsive, mobile optimised left drawer
    • Nice, clean login page
    • Working Authentication (only client side, with auth service)
    • Token management (stored in local storage and ngrx store, survives browser refreshes)
    • Working logout option
    • About, NotFound pages
    • Test cases - In Progress

Adding new module:

ng generate module <module-name> -m app --spec --routing

Adding new component inside a module:

cd src/app/<module-name>

ng g component login -m <module-name>

Development server

Run npm run start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. This will also run tailwing command line to generate utility styles.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Top categories

Loading Svelte Themes