Puri's Boardgames

Esta demo fue pensada con la idea de mostrar las principales funcionalidades de los componentes de vuetify. Además la estoy utilizando para enseñar Vuex y Firebase a las chicas de Chicas Programando.

Dependencias

• vuetify
• vuex
• vue-router
• axios
• firebase

Clase Uno: Vuex

• Crear el store
• Integrar el store con App
• Setear el state general
• Crear los getters para llevar esa data a los componentes
• Actions
• Mutations

Clase Dos: Firebase

• Setear un form para crear una nueva game card
• Limpiar el state
• Crear la mutation que va a meter ese nuevo game card en el array
• Crear la action que va a recibir toda la data del form
• Hacer el dispatch en el form con toda la data

Info Extra

• Diferencia entre SDK y API
• Real time database vs cloud firestore

Firebase setup

In order for this project to work, you need to set up a firebase realtime database and get your keys. They should look somewhat like this:

apiKey: "kjsndfnsfknksjfnksnkfn",
authDomain: "name.firebaseapp.com",
databaseURL: "https://name.firebaseio.com",
projectId: "name",
storageBucket: "gs://name.appspot.com"

Project setup

Clone the repo and run:

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint