{"id":18289156,"url":"https://github.com/divyanshu-rawat/vue-posts","last_synced_at":"2026-05-09T09:50:57.487Z","repository":{"id":44321156,"uuid":"148384481","full_name":"divyanshu-rawat/vue-posts","owner":"divyanshu-rawat","description":"An application that allow users to post-notes, built on top of vue.js!","archived":false,"fork":false,"pushed_at":"2023-04-29T09:01:29.000Z","size":44387,"stargazers_count":1,"open_issues_count":7,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-15T01:32:40.484Z","etag":null,"topics":["design-patterns","firebase","firebase-auth","firebase-database","hacker-news-clone","js","vue","vue-router","vuex"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/divyanshu-rawat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-11T21:49:04.000Z","updated_at":"2019-07-26T10:30:31.000Z","dependencies_parsed_at":"2024-12-22T22:51:57.626Z","dependency_job_id":null,"html_url":"https://github.com/divyanshu-rawat/vue-posts","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2Fvue-posts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2Fvue-posts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2Fvue-posts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2Fvue-posts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/divyanshu-rawat","download_url":"https://codeload.github.com/divyanshu-rawat/vue-posts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247994136,"owners_count":21030050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design-patterns","firebase","firebase-auth","firebase-database","hacker-news-clone","js","vue","vue-router","vuex"],"created_at":"2024-11-05T14:04:56.738Z","updated_at":"2026-05-09T09:50:52.455Z","avatar_url":"https://github.com/divyanshu-rawat.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Alt Text](https://github.com/divyanshu-rawat/HackerNewsClone-Vue/blob/master/Assets/HN.gif)\n\n\nAn application that allow users to post-notes, built on top of vue.js and realtime-firebase-database!\n\nAccess Live Application - https://hackernews-4eb03.firebaseapp.com/\n\n[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)\n\n## Instructions To Run:\n\n``` npm install ```\n\n``` cd src ```\n\n``` vue serve ```\n\n[![forthebadge](https://forthebadge.com/images/badges/made-with-vue.svg)](https://forthebadge.com)\n\n## App Featues\n\n* Handle and manage state for your app using Vuex. You'll also understand why a central store is important for building large-   scale apps.\n* Maintain reactivity within your app by utilizing built-in Vuex features.\n* Authenticate routes with vue-router.\n* Read/write to a database using Firebase's Cloud Firestore.\n* Set up authentication using Firebase.\n* Leverage components, one of the more powerful features of Vue.js.\n* Familiarize yourself with core Vue.js concepts.\n\n\n[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)\n\n## Setting Up a Database With Firebase Cloud Firestore\n\nI have made use of Cloud Firestore.\nPlease follow the below-mentioned instructions to configure it.\n\n* To create a Firebase project, go to the Firebase Console and click “add project.” Give it a name, then click “create \n  project.” Click “Add Firebase to your web app.” Be sure to copy this code. You will need it later when you set up the \n  firebaseConfig.js file.\n  \n* Click “Authentication” in the left-hand navigation, then “Set sign-up method,” then “email/password.” Enable and save.\n\n* Select “Database.” Click “Get started” for Cloud Firestore (currently in beta).\n  Start in test mode and enable so anyone can read/write to the database. You will add basic security rules later.\n  \n* 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.\n\n```\n\nservice cloud.firestore {\n  match /databases/{database}/documents {\n    match /{document=**} {\n      allow read;\n      allow write: if request.auth.uid != null\n    }\n  }\n}\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivyanshu-rawat%2Fvue-posts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdivyanshu-rawat%2Fvue-posts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivyanshu-rawat%2Fvue-posts/lists"}