Authentication system with Vue3, Django and RestApi (Arabic)

Build full authentication system by using:

FrontEnd: Vue3, Vuetify3, Vuex, Axios

BackEnd: Django, Rest framework, Djoser

-------------------------------------------------------

Back End - Road Map

1. Preparing the environment and creating a Django project

2. Add django rest framework to project

3. Make users as Apis to know how you can use django rest framework

4. Install djoser and add settings

5. First way: token based authentication

6. Second way: JWT authentication

7. Explain JWT system

8. Change default user model

9. Register new user

10. User activate and resend activation email

11. Get, delete and update the logged in user

12. More settings in Djoser

Front End - Road Map

1. Create new vuetify app and setup vue-router

2. Create login page and add axios settings

3. Send first request to get access token

4. Vuex setting and make store to store access token

5. Use local storage to store token and use it after refresh page

6. Use access token to fetch user and store it

7. Add logout functions and middleware

8. Make login an asynchronous function to react with user

9. Redirect the user to login page if he isn't logged in

10. Add some improvements to the login page

11. Create register page

----------------------------------------------------------

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source.

Vue is progressive javaScript framework an approachable, performant and versatile framework for building web user interfaces.