{"id":24796138,"url":"https://github.com/vue-bulma/vuexfire-admin","last_synced_at":"2025-10-12T22:31:35.134Z","repository":{"id":66221696,"uuid":"99522840","full_name":"vue-bulma/vuexfire-admin","owner":"vue-bulma","description":"A Vue / Vuexfire app with Firebase auth. Based on vue-admin, using vuex, vuexfire, vue-router and firebase as the backend.","archived":false,"fork":false,"pushed_at":"2017-10-10T09:45:26.000Z","size":257,"stargazers_count":58,"open_issues_count":5,"forks_count":16,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-04-14T05:19:17.769Z","etag":null,"topics":["bulma","firebase","vue","vue-admin","vuexfire","vuexfire-admin"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vue-bulma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-08-07T00:57:32.000Z","updated_at":"2023-06-17T09:15:54.000Z","dependencies_parsed_at":"2023-07-14T10:46:33.337Z","dependency_job_id":null,"html_url":"https://github.com/vue-bulma/vuexfire-admin","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/vue-bulma%2Fvuexfire-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-bulma%2Fvuexfire-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-bulma%2Fvuexfire-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vue-bulma%2Fvuexfire-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vue-bulma","download_url":"https://codeload.github.com/vue-bulma/vuexfire-admin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236279867,"owners_count":19123447,"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":["bulma","firebase","vue","vue-admin","vuexfire","vuexfire-admin"],"created_at":"2025-01-30T00:31:22.098Z","updated_at":"2025-10-12T22:31:29.538Z","avatar_url":"https://github.com/vue-bulma.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vuexfire-admin\nA Vue.js 2 admin app, based on vue-admin, using vuex, vuexfire, vue-router and firebase as the backend.\n\nThis project aims to be a template for using Firebase as a backend, and vue-admin as a frontend.\n\nA lot of work has been done in a private repository and I'm currently in the progress of migrating this across to this public repo.\n\n### Current features developed:\n\n- Vuexfire for Firebase integration\n- Firebase auth\n- Ability to set a password (including Firebase reauth flow handling)\n- Ability to link multiple auth providers\n- Frontend Notification dispatching system (ie. not integrated with Cloud Messaging) and default notifications\n- Protected Routes\n- A User dashboard\n- A basic User Notes taking feature, where completed / incompleted notes are shown on the User dashboard. Along with new note form that accepts a title, and wysiwyg body field (Quill)\n\n### Installation\n\n**NOTE: This app assumes you have a working Firebase instance with at least one of the auth providers; Google, Facebook, Github or Password enabled.**\n\n1. Update `config/firebase.env.js` with your firebase config variables\n2. `npm install`\n3. `npm run dev`\n\n### Firebase Rules\nThis app requires the following firebase rules (for notes facility)\n\n``````\n{\n  \"rules\": {\n    // \".read\": true,\n    // \".write\": false,\n    \"users\": {\n      \".indexOn\": \"ID\",\n      \"$uid\": {\n        \".validate\": \"$uid === auth.uid\",\n        // grants write access to the owner of this user account\n        // whose uid must exactly match the key ($uid)\n        \".write\": \"$uid === auth.uid\",\n        \".read\": \"auth != null \u0026\u0026 auth.uid == $uid\"\n      }\n    },\n    \"notes\": {\n      \".indexOn\": \"uid\",\n        \".read\" : \"data.child(auth.uid).exists()\",\n      \"$uid\": {\n        \".write\": \"$uid == auth.uid\",\n      }\n    }\n  }\n}\n``````\n\n### WARNING !!!\n\nTHIS APP **SETS** FIREBASE REFS `/users` AND `/notes` !!!!\n\nIf you already have data at these refs, be sure to change the ref names in the file `/client/firebase-setup/ref-types.js`.  Otherwise, it will most likely be overwritten.\n\n### Additional work\n\nI have a companion node.js server app that runs on heroku.  It watches the firebase database and performs database actions using firebase-admin sdk.\n\nI will aim to make this app publicly available too, but optional (ie. not required for vuexfire-admin to work).\n\n---\n### Credits\n\nThis project is inspired or powered by these people or projects so I want to thank them\n\n- [Vue](https://github.com/vuejs/vue) great work\n- [Bulma](https://github.com/jgthms/bulma) A modern CSS framework based on Flexbox\n- [vue-admin](https://github.com/vue-bulma/vue-admin) for laying the foundations\n- [VuexFire](https://github.com/posva/vuexfire) for work integrating Vuex \u0026 Firebase\n- [vee-validate](https://github.com/baianat/vee-validate) for making form validation in Vue so easy\n- [Firebase](https://firebase.google.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvue-bulma%2Fvuexfire-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvue-bulma%2Fvuexfire-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvue-bulma%2Fvuexfire-admin/lists"}