Useful link

Vue Authentication Full Course | Login, Logout, Forgot and Reset Password
👉 Better tutorial here: https://youtu.be/ULFAgn2ITkoBackend: https://youtu.be/F9Xmc3iHc88Learn to Authenticate using Vue.js. In this video, we will create a...
Vue Authentication Full Course | Login, Logout, Forgot and Reset Password
https://www.youtube.com/watch?v=uqpM7WVTKI4&ab_channel=ScalableScripts
Vue Authentication Full Course | Login, Logout, Forgot and Reset Password
Vue Mastery
Vue Mastery is the ultimate learning resource for Vue.js developers. We release weekly video tutorials and articles as well as the proud producers of the official Vue.js News. You can consume it in newsletter and podcast format at news.vuejs.org.
Vue Mastery
https://www.vuemastery.com
Vue Mastery
Tutoriels Vue js 3
Découvrez les bases du framework Vue.js 3 au travers de vidéos tutoriels complètes. Au programme : - la création d'un projet avec le vue-cli - le build / dep...
Tutoriels Vue js 3
https://www.youtube.com/playlist?list=PLpepLKamtPjiXFANnvr5rUNVEnjE5UO-n
Tutoriels Vue js 3
Use these best practises to put your login system in place. It's using Vuex which, in a way, works like localStorage that you previously used.
BEWARE: this tutorial is not mandatory
Authentication best practices for Vue - Sqreen Blog
Whenever you start to get serious with a project, you will most likely face the issue of how to handle client-side token-based authentication. You will have to answer these questions: How do I store my user's token? How do I redirect the user after authentication actions (login/logout)?
Authentication best practices for Vue - Sqreen Blog
https://blog.sqreen.com/authentication-best-practices-vue/
Authentication best practices for Vue - Sqreen Blog

How to start

Back-end

First step

Make sketches for many things
  1. Routing
🌳
Route suggestions
2. Database
3. All pages
Once done, you should get a good overview of the projet.
 

Front-end

Second step

Here are a few steps that you should follow to put everything in place:
  1. Set up a new project with VueCLI
  1. Once done, create a page on which to display info retrieved from a GET request (using Axios)
  1. After that, create Login page, make it work (still, with Axios).
badge