Notes sharing app (Vue.js 2.0, Vuetify, Vuelidate, Vuex, Firebase)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
config
src
static
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
LICENSE
README.md
firebase.json
index.html
package.json
screenshot.jpg
yarn.lock

README.md

notes2go

Notes sharing between devices or users without login


Live Demo

Technologies

Development Setup

  1. Install depedencies using npm or yarn

    npm install
    

    or

    yarn install
    
  2. Create Firebase account on https://firebase.google.com.

  3. Create a new Firebase project. Be aware that Project Id cannot be modified once selected, and it will be used for hosting your app (e.g. https://<project_id>.firebaseapp.com)

  4. Select project, click on Authentication, then SET UP SIGN-IN METHOD, enable provider Anonymous

  5. In the local project folder, make a copy of config/app.env.js.example and name it config/app.env.js. Replace all FIREBASE related settings in config/app.env.js with settings from Firebase WEB SETUP. Be careful to leave the double quotes intact.

  6. Set up Firebase database. Under RULES enter security rules to prevent unauthorized access. Samples:

    {
      "rules": {
        "notes": {
          ".read": "auth != null",
    
          ".indexOn": ["code"],
    
          "$notesId": {
            ".read": "auth != null",
            ".write": "auth != null",
            "code": {
              ".validate": "newData.val().length >= 3 && newData.val().length <= 30"
            }
          }
        }
      }
    }
  7. Serve with hot reload at localhost:8080

    npm run dev
    

    or

    yarn run dev
    

Credits