All Projects → nishant-boro → Django_rest Vuejs Auth

nishant-boro / Django_rest Vuejs Auth

An Authentication project using JWT Tokens, Vuejs(frontend) and Django-Rest(backend).

Projects that are alternatives of or similar to Django rest Vuejs Auth

Django Rest Framework Passwordless
Passwordless Auth for Django REST Framework
Stars: ✭ 412 (+347.83%)
Mutual labels:  django, django-rest-framework, authentication
Django Rest Auth
This app makes it extremely easy to build Django powered SPA's (Single Page App) or Mobile apps exposing all registration and authentication related functionality as CBV's (Class Base View) and REST (JSON)
Stars: ✭ 2,289 (+2388.04%)
Mutual labels:  django, django-rest-framework, authentication
Dj Rest Auth
Authentication for Django Rest Framework
Stars: ✭ 491 (+433.7%)
Mutual labels:  django, django-rest-framework, authentication
Django Rest Registration
User-related REST API based on the awesome Django REST Framework
Stars: ✭ 240 (+160.87%)
Mutual labels:  django, django-rest-framework, authentication
Django Channels React Multiplayer
turn based strategy game using django channels, redux, and react hooks
Stars: ✭ 52 (-43.48%)
Mutual labels:  django, django-rest-framework, authentication
Django Rest Framework Api Key
An extra layer of authentication for Web APIs made with Django REST Framework
Stars: ✭ 92 (+0%)
Mutual labels:  django, django-rest-framework
Awesome Django
Repository mirror of GitLab: https://gitlab.com/rosarior/awesome-django This repository is not monitored for issues, use original at GitLab.
Stars: ✭ 8,527 (+9168.48%)
Mutual labels:  django, django-rest-framework
Generator Django Rest
Yeoman generator for a Django REST/GraphQL API, an optional React SPA & lots more!
Stars: ✭ 77 (-16.3%)
Mutual labels:  django, django-rest-framework
Django Graphql Social Auth
Python Social Auth support for Graphene Django
Stars: ✭ 90 (-2.17%)
Mutual labels:  django, authentication
Django Vue Template
Django Rest + Vue JS Template
Stars: ✭ 1,155 (+1155.43%)
Mutual labels:  django, django-rest-framework
Codingwithmitchblog Rest Api
A continuation of the CodingWithMitchBlog course. Adding a REST API using Django REST-framework
Stars: ✭ 78 (-15.22%)
Mutual labels:  django, django-rest-framework
Tutorialdb
A search 🔎 engine for programming/dev tutorials, See it in action 👉
Stars: ✭ 93 (+1.09%)
Mutual labels:  django, django-rest-framework
Ara
ARA Records Ansible and makes it easier to understand and troubleshoot.
Stars: ✭ 1,176 (+1178.26%)
Mutual labels:  django, django-rest-framework
Django Rest React Pycon
🐍 Demo repo for Pycon X talk "Decoupling Django with Django REST (and a sprinkle of React)"
Stars: ✭ 72 (-21.74%)
Mutual labels:  django, django-rest-framework
Spring Boot Oauth2 Jwt Swagger Ui
Spring Boot , OAuth 2 , JWT (Json Web Token) and Swagger UI
Stars: ✭ 77 (-16.3%)
Mutual labels:  authentication, jwt-authentication
Indrz
Indoor mapping, routing system for orientation and wayfinding or facility management
Stars: ✭ 69 (-25%)
Mutual labels:  django, django-rest-framework
The Complete Guide To Drf And Vuejs
📢 Source Code from my Web Dev Course *The Complete Guide To Django REST Framework and Vue JS* (Lang: English & Italian)
Stars: ✭ 78 (-15.22%)
Mutual labels:  django, django-rest-framework
Drf Autodocs
Ultimately automated DRF documentation rendering(UNMAINTAINED)
Stars: ✭ 82 (-10.87%)
Mutual labels:  django, django-rest-framework
Django Rest Framework Msgpack
MessagePack support for Django REST framework
Stars: ✭ 78 (-15.22%)
Mutual labels:  django, django-rest-framework
Drf Datatable Example Server Side
DataTables Example (server-side) - Python Django REST framework
Stars: ✭ 84 (-8.7%)
Mutual labels:  django, django-rest-framework

An authentication project using JWT Tokens, Vue.js(frontend) and Django-Rest(backend).

Flow:

  • Users enter their credentials at the client side(Vue.js). The info is forwarded to the backend API. If the info is valid generate an access and refresh token, send it back to the client.
  • The tokens are stored on Vue.js store(Vuex).
  • '/mods/' is a path on the backend which is an example protected view. It can handle only GET requests. The client has to send the access token with the GET request to proof the user is authenticated to view this path.
  • '/downloads/' route on the client side display's the data which is fetched from '/mods/' path on the backend. This is accomplished using axios. If the server returns a 401(meaning the access token has expired), axios response interceptor is used to refresh the access token(by sending a POST request to '/api/token/refresh' on the backend with the refresh token;this task is a store action), re-send a GET request to '/mods/' and save the received data to APIData**.
  • Logout is initialized by informing the backend to blacklist the access token(prevents possible misuse if the token is stolen), the access and refresh tokens are destroyed at the client side.

**The Vuex store state defines 'APIData' to save the received data from the backendAPI. **Go through the code to get a better insight of the flow.

Features:

  • Autologout if no activity(using vue-idle)
  • Automatically refresh access token on expiration(using axios interceptors)
  • CORS in backend

Installation instructions are given seperately for django and vuejs inside 'backend' and 'frontend' directories.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].