Skip to content

Latest commit

 

History

History
60 lines (50 loc) · 1.58 KB

README.md

File metadata and controls

60 lines (50 loc) · 1.58 KB
Raw

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

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