divyanshu-rawat / vue-posts Goto Github PK

An application that allow users to post-notes, built on top of vue.js and realtime-firebase-database!

Access Live Application - https://hackernews-4eb03.firebaseapp.com/

npm install

cd src

vue serve

• Handle and manage state for your app using Vuex. You'll also understand why a central store is important for building large- scale apps.
• Maintain reactivity within your app by utilizing built-in Vuex features.
• Authenticate routes with vue-router.
• Read/write to a database using Firebase's Cloud Firestore.
• Set up authentication using Firebase.
• Leverage components, one of the more powerful features of Vue.js.
• Familiarize yourself with core Vue.js concepts.

I have made use of Cloud Firestore. Please follow the below-mentioned instructions to configure it.

• To create a Firebase project, go to the Firebase Console and click “add project.” Give it a name, then click “create project.” Click “Add Firebase to your web app.” Be sure to copy this code. You will need it later when you set up the firebaseConfig.js file.

• Click “Authentication” in the left-hand navigation, then “Set sign-up method,” then “email/password.” Enable and save.

• Select “Database.” Click “Get started” for Cloud Firestore (currently in beta). Start in test mode and enable so anyone can read/write to the database. You will add basic security rules later.

• Implement security : Go to your project's Firebase console and click on “Database” then select the “Rules” tab at the top next to “Data.” Then update your security rules and click “Publish.

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read;
      allow write: if request.auth.uid != null
    }
  }
}