How does it handle token expiration?

The skill includes logic for checking token expiration and implementing automatic silent token refresh using RxJS and HTTP interceptors.

Are the route guards compatible with modern Angular?

Yes, the patterns focus on functional route guards (CanActivateFn), which are the standard in modern Angular (v15+) versions.

What storage methods are covered for auth tokens?

It covers LocalStorage, In-Memory storage, and best practices for server-side HttpOnly cookies to help you choose the right balance of convenience and security.

Does this skill support social logins?

Yes, it provides detailed implementation patterns for Google and GitHub OAuth2 social login flows within Angular applications.

Angular Security Patterns

Name: Angular Security Patterns
Author: EhssanAtassi

byEhssanAtassi

0•

Security & Testing

Provides comprehensive implementation patterns and best practices for securing Angular applications using JWT, OAuth2, and advanced session management.

This skill serves as a specialized guide for developers to implement robust authentication and authorization within Angular environments. It covers the entire security lifecycle, including secure JWT implementation, OAuth2 social login flows for providers like Google and GitHub, token refresh strategies, and functional route guards. By providing ready-to-use boilerplate for HTTP interceptors and encrypted storage, it helps developers prevent common security vulnerabilities while maintaining a clean, scalable application architecture.

Key Features

01Functional route guards for protecting sensitive application areas

02Secure token storage strategies including client-side encryption and memory storage

030 GitHub stars

04Role-Based Access Control (RBAC) patterns for complex permission structures

05Social login integration patterns for Google and GitHub OAuth2 flows

06JWT lifecycle management including decoding, validation, and automated refresh

Use Cases

01Building a secure enterprise dashboard with strict role-based route protection

02Implementing automated JWT token refresh logic to maintain user sessions seamlessly

03Integrating third-party social authentication into a consumer-facing Angular app

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ehssanatassi/angular-marketplace-developer auth-patterns

For use in Claude.ai and ChatGPT

Download Skill