notes2go

Notes sharing between devices or users without login

Live Demo

Technologies

• Vue.js 2.0
• Vuelidate
• Vuetify
• Vuex
• vue-sweetalert2
• Material Icons
• Firebase

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

• App icon made by Smashicons