/Sticky-Notes-Firebase-Quasar

A Simple Crud based firebase and Vuejs/Quasar | Um simples crud baseado em firebase e Vuejs/Quasar

Primary LanguageVueMIT LicenseMIT

Personal Sticky Notes

CRUD

CRUD actions

Settings Color

Settings Color

EN

This is a simple "TODO" demonstrating the Firebase Firestore technology with Quasar "Vuejs".

PT-BR
Bloco de anotações pessoal para demonstrativo das tecnologias Firestore e Vuejs
  • Firebase / Firestore
  • Login
  • Register / with a database profile
  • Forgot Password
  • Change Password
  • Quasar / Vue
  • CRUD
  • Realtime Firestore Methods (Socket's)
  • A Simple Sticky Notes

How to Settings Firebase

Copy ".env.example" to .env, change .env file to put the firebase keys
APIKEY=apiKey
AUTHDOMAIN=apiKey.firebaseapp.com
DATABASEURL=https://apiKey.firebaseio.com
PROJECTID=apiKey
STORAGEBUCKET=apiKey.appspot.com
MESSAGINGSENDERID=apiKey
APPID=1:apiKey

O Modelo - The Model

{
  "app": [
    {
      "uid": "userUid",
      "textColor": "#00ff33",
      "backgroundColor": "#55ff66",
      "stickyNotes": [
        {
          "idStickyNotes": "idStickyNotes",
          "content": "content here",
          "createdAt": "timestamp here"
        }
      ]
    }
  ],
  "users": [
    {
      "uid": "userUid",
      "name": "user name",
      "email": "email@exemple.com"
    }
  ]
}

How to Install / Como instalar

yarn -i | npm install

How to run / Como executar

yarn quasar dev | or | quasar dev

How to build / Como criar build

For build SPA / Para uma build de SPA
yarn quasar build | or | quasar build
For PWA build / Para uma build PWA
yarn quasar build -m pwa | or | quasar build -m pwa