manjilgautam / reddit-clone Goto Github PK

Generate a Vue App

• Removed un-necessary components

Create a Firebase Project

Store the user info in Db and Set-up the Authentication

Helping documents while adding Firebase Auth:

• (https://firebase.google.com/docs/auth/web/google-signin)
• (https://firebase.google.com/docs/auth/web/manage-users)
  • Save user on Login in the Db
  • Update Rules in the Firebase console as

          rules_version = '2';
          service cloud.firestore {
            match /databases/{database}/documents {
              match /{document=**} {
                allow read: if true;
              }
              match /users/{user_id} {
              allow write: if request.auth.uid == user_id;
              }
            }
          }

Created a subreddits collection and added following items in the collection: -general -javascript -pixel -funny

Added Vuexfire https://github.com/posva/vuexfire/tree/firestore . Helps to

• Added subreddits.js( store dir) file where connection to Firestore is made.
• Added subreddits.vue for views and set-up the routing
• Added subreddit.vue for individual post and set-up routing
• Shows single sub-reddit

Added form for the Sub-reddits

Setup the sub-reddit db.

• Store the sub-reddit form's data in the Fire-store under Posts 🐘 table 🔥
• Added rules in the Firebase console

   match /posts/{post_id} {
   allow write: if request.auth.uid == request.resource.data.user_id;

Display sub-reddit under specific subs

Added style for the sub-reddit (Used Bulma for it)

• Logic for checking images

Hide form if it's not logged in -[x] Show username -[x] Formatted the date -[x] Search/Filter Posts -[x] Delete a post

• GFM task list 3-3

GFM task list 4

• Completed...