{"id":26179585,"url":"https://github.com/bezkoder/angular-13-jwt-auth","last_synced_at":"2025-04-14T22:35:59.515Z","repository":{"id":101823976,"uuid":"495245559","full_name":"bezkoder/angular-13-jwt-auth","owner":"bezkoder","description":"Angular 13 JWT Authentication with Web API and HttpOnly Cookie example","archived":false,"fork":false,"pushed_at":"2022-09-20T04:11:14.000Z","size":177,"stargazers_count":10,"open_issues_count":0,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-28T10:47:40.332Z","etag":null,"topics":["angular13","authorization","httponly-cookie","jwt","jwt-auth","jwt-authentication","jwt-authorization","jwt-token","login","registration","token-based-authentication"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bezkoder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-23T03:28:18.000Z","updated_at":"2023-06-27T07:38:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"2ec2e52b-ab9b-4d18-aa36-c6115dc85df3","html_url":"https://github.com/bezkoder/angular-13-jwt-auth","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fangular-13-jwt-auth","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fangular-13-jwt-auth/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fangular-13-jwt-auth/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fangular-13-jwt-auth/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bezkoder","download_url":"https://codeload.github.com/bezkoder/angular-13-jwt-auth/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248974626,"owners_count":21192186,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular13","authorization","httponly-cookie","jwt","jwt-auth","jwt-authentication","jwt-authorization","jwt-token","login","registration","token-based-authentication"],"created_at":"2025-03-11T21:50:35.436Z","updated_at":"2025-04-14T22:35:59.502Z","avatar_url":"https://github.com/bezkoder.png","language":"TypeScript","readme":"# Angular 13 JWT Authentication with Web API and HttpOnly Cookie example\n\nBuild Angular 13 JWT Authentication \u0026 Authorization example with Web Api, HttpOnly Cookie and JWT (including HttpInterceptor, Router \u0026 Form Validation).\n- JWT Authentication Flow for User Registration (Signup) \u0026 User Login\n- Project Structure with HttpInterceptor, Router\n- Way to implement HttpInterceptor\n- How to store JWT token in HttpOnly Cookie\n- Creating Login, Signup Components with Form Validation\n- Angular Components for accessing protected Resources\n- How to add a dynamic Navigation Bar to Angular App\n- Working with Browser Session Storage\n\n## Flow for User Registration and User Login\nFor JWT – Token based Authentication with Web API, we’re gonna call 2 endpoints:\n- POST `api/auth/signup` for User Registration\n- POST `api/auth/signin` for User Login\n\nYou can take a look at following flow to have an overview of Requests and Responses that Angular 13 JWT Authentication \u0026 Authorization Client will make or receive.\n\n![angular-13-jwt-authentication-authorization-httponly-cookie-flow](angular-13-jwt-authentication-authorization-httponly-cookie-flow.png)\n\n## Angular JWT App Diagram with Router and HttpInterceptor\n![angular-13-jwt-authentication-httponly-cookie](angular-13-jwt-authentication-httponly-cookie.png)\n\nFor more detail, please visit the tutorial:\n\u003e [Angular 13 JWT Authentication with Web API and HttpOnly Cookie example](https://www.bezkoder.com/angular-13-jwt-auth-httponly-cookie/)\n\n## With Spring Boot back-end\n\n\u003e [Angular + Spring Boot: JWT Authentication and Authorization example](https://www.bezkoder.com/angular-13-spring-boot-jwt-auth/)\n\n## With Node.js Express back-end\n\n\u003e [Angular + Node.js Express: JWT Authentication and Authorization example](https://www.bezkoder.com/node-js-angular-13-jwt-auth/)\n\nRun `ng serve --port 8081` for a dev server. Navigate to `http://localhost:8081/`.\n\n## More practice\n\u003e [Angular JWT Auth with JWT (on Authorizaton Header) and Web API example](https://www.bezkoder.com/angular-13-jwt-auth/)\n\n\u003e [Angular CRUD Application example with Web API](https://www.bezkoder.com/angular-13-crud-example/)\n\n\u003e [Angular Pagination example | ngx-pagination](https://www.bezkoder.com/angular-13-pagination-ngx/)\n\n\u003e [Angular File upload example with Progress bar](https://www.bezkoder.com/angular-13-file-upload/)\n\nFullstack with Node:\n\n\u003e [Angular + Node Express + MySQL example](https://www.bezkoder.com/angular-13-node-js-express-mysql/)\n\n\u003e [Angular + Node Express + PostgreSQL example](https://www.bezkoder.com/angular-13-node-js-express-postgresql/)\n\n\u003e [Angular + Node Express + MongoDB example](https://www.bezkoder.com/mean-stack-crud-example-angular-13/)\n\n\u003e [Angular + Node Express: File upload example](https://www.bezkoder.com/angular-13-node-express-file-upload/)\n\nFullstack with Spring Boot:\n\n\u003e [Angular + Spring Boot + H2 Embedded Database example](https://www.bezkoder.com/spring-boot-angular-13-crud/)\n\n\u003e [Angular + Spring Boot + MySQL example](https://www.bezkoder.com/spring-boot-angular-13-mysql/)\n\n\u003e [Angular + Spring Boot + PostgreSQL example](https://www.bezkoder.com/spring-boot-angular-13-postgresql/)\n\n\u003e [Angular + Spring Boot + MongoDB example](https://www.bezkoder.com/angular-13-spring-boot-mongodb/)\n\n\u003e [Angular + Spring Boot: File upload example](https://www.bezkoder.com/angular-13-spring-boot-file-upload/)\n\nFullstack with Django:\n\u003e [Angular + Django example](https://www.bezkoder.com/django-angular-13-crud-rest-framework/)\n\nServerless with Firebase:\n\u003e [Angular Firebase CRUD with Realtime DataBase | AngularFireDatabase](https://www.bezkoder.com/angular-13-firebase-crud/)\n\n\u003e [Angular Firestore CRUD example with AngularFireStore](https://www.bezkoder.com/angular-13-firestore-crud-angularfirestore/)\n\n\u003e [Angular Firebase Storage: File Upload/Display/Delete example](https://www.bezkoder.com/angular-13-firebase-storage/)\n\nIntegration (run back-end \u0026 front-end on same server/port)\n\u003e [How to integrate Angular with Node Restful Services](https://www.bezkoder.com/integrate-angular-12-node-js/)\n\n\u003e [How to Integrate Angular with Spring Boot Rest API](https://www.bezkoder.com/integrate-angular-12-spring-boot/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbezkoder%2Fangular-13-jwt-auth","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbezkoder%2Fangular-13-jwt-auth","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbezkoder%2Fangular-13-jwt-auth/lists"}