Vue Social Login

A basic social login PWA project example using Vue, Firebase and Bulma.

See the demo.

Created as

Vue CLI v3.11.0
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, PWA, Router, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass)
? Pick a linter / formatter config: Basic
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Firebase Deploy

To connect your local machine to your Firebase account

firebase login

To build and deploys the dist folder content to your Firebase project

npm run build && firebase deploy

Instagram Login

How to

Customize configuration

See Configuration Reference.

Libraries

Bulma Social

References

PWA: Home Screan + Push Notification

Full guide to using Font Awesome icons in Vue.js apps

Use Instagram Sign In with Firebase

Contributors