An Angular application that demonstrates best practices for user authentication & authorization flows.
An Angular application that demonstrates best practices for user authentication & authorization flows.
By @nikosanif
Live application: angular-authentication.netlify.app
git clone [email protected]:nikosanif/angular-authentication.git
cd angular-authentication
npm install
npm start
http://localhost:4200
npm start
- starts a dev server of Angular appnpm run build:prod
- builds full prod buildnpm run lint
- linting source code of this projectnpm run format:check
- runs prettier to check for formatting errorsnpm run format:write
- runs prettier to format whole code basenpm run release
- runs standard-version to create new releasenpm run analyze
- runs Webpack Bundle Analyzer to examine chunk files
@ngrx/effects
Below is the high-level structure of the application.
./src
├── app
│ ├── app # root app component
│ │ ├── app.component.html
│ │ ├── app.component.scss
│ │ └── app.component.ts
│ │
│ ├── app-routing.module.ts
│ ├── app.module.ts
│ │
│ ├── auth # includes authentication logic
│ │ ├── auth.module.ts
│ │ ├── auth.service.ts
│ │ ├── guards
│ │ ├── interceptors
│ │ ├── login
│ │ └── store
│ │
│ ├── core # includes core utilities
│ │ ├── core.module.ts
│ │ ├── fake-api
│ │ └── services
│ │
│ ├── features # all features of application
│ │ ├── about
│ │ ├── home
│ │ └── secured-feat
│ │
│ └── shared # shared UI modules and utilities
│ ├── ui
│ └── util
│
├── assets
│ ├── ...
│
├── environments
│ ├── environment.prod.ts
│ └── environment.ts
│
├── ...
│
└── theme # global theme styles
├── _components.scss
├── _typography.scss
└── index.scss
Who is for this? I would love for you to contribute to Angular Authentication! Before you start, please read the Contributor Guide.
If you have found any bug in the source code or want to request a new feature, you can help by submitting an issue at GitHub. Even better, you can fork this repository and submit a PR with the fix or the new feature description.
Feel free to use this repository, but please star and put a reference to this repository. :pray: :heart: