Create a new vue js application using the cli then simulate a fake authentication experience using vuex and vue router. Make sure that you make provisions for wildcard routes a.k.a 404 pages. Also, your fake authentication experience should consist of the login route - ‘/login’, the sign up route - ‘/signup’ and the products route - ‘/products’. Users shouldn’t be able to access the products route until they’re logged in and they shouldn’t be able to access the login route if they’re already logged in. In this exercise I hope to see the use of nested routes for the navigation menu that will show on each page, and authguards. bonus - extract out a composable to get the currently logged-in user and create a page that shows the product’s details by using this api https://dummyjson.com/products/1. You can use this api - ‘https://dummyjson.com/products’
npm install
npm run serve
npm run build
npm run lint