This project took me really long to finish. I spent so much time trying to write a comprehensive blog post on explaining the project. But I realized my goal is to create 100 projects in using Angular framework, not to produce 100 how-to tutorials on Angular.
So this post is rather an update on what I’ve done than a guide post.
In this project, I’ve created a website with a dashboard which is password protected. JWT authentication is implemented using a backend created in Django and hosted in my c9.io instance.
In this project, I’ve created the following:
- A password protected dashboard component
- An authentication service to post request to backend API
- A login component
- An http interceptor to include JWT token in the http request
Source code: https://github.com/zkkmin/angular-jwt-login
Live demo site at https://friendly-saha-a8644a.netlify.com