teach-vue3-firebase-auth

For demonstration purpose only

Usage

Add your Firebase credentials in main.js: https://firebase.google.com/docs/web/setup?authuser=0#add-sdks-initialize

Steps

1. Create your interface (welcome, login, register and home pages): https://getbootstrap.com/docs/5.0/getting-started/download/#npm
2. Install Firebase: https://firebase.google.com/docs/web/setup
3. Register users: https://firebase.google.com/docs/auth/web/password-auth
4. Login users: https://firebase.google.com/docs/auth/web/password-auth
5. Form validation: https://vuelidate-next.netlify.app/
6. Keep auth state in VueX:
   1. https://next.vuex.vuejs.org/
   2. https://firebase.google.com/docs/auth/web/auth-state-persistence
   3. https://firebase.google.com/docs/auth/web/start
7. Logout
8. Auth middleware

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.