{"id":13779667,"url":"https://github.com/wdmtech/feathers-vuex-todomvc","last_synced_at":"2025-05-11T13:31:08.472Z","repository":{"id":33923395,"uuid":"148900370","full_name":"wdmtech/feathers-vuex-todomvc","owner":"wdmtech","description":"Feathers-vuex TodoMVC demo","archived":false,"fork":false,"pushed_at":"2023-01-07T02:28:29.000Z","size":1302,"stargazers_count":29,"open_issues_count":31,"forks_count":5,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-07-06T00:06:48.029Z","etag":null,"topics":["feathers","feathers-vuex","vue","vuex"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/wdmtech.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}},"created_at":"2018-09-15T12:33:19.000Z","updated_at":"2023-07-18T06:50:00.000Z","dependencies_parsed_at":"2023-01-15T03:22:47.154Z","dependency_job_id":null,"html_url":"https://github.com/wdmtech/feathers-vuex-todomvc","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/wdmtech%2Ffeathers-vuex-todomvc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wdmtech%2Ffeathers-vuex-todomvc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wdmtech%2Ffeathers-vuex-todomvc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wdmtech%2Ffeathers-vuex-todomvc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wdmtech","download_url":"https://codeload.github.com/wdmtech/feathers-vuex-todomvc/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":213837768,"owners_count":15645753,"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":["feathers","feathers-vuex","vue","vuex"],"created_at":"2024-08-03T18:01:07.808Z","updated_at":"2024-08-03T18:06:36.922Z","avatar_url":"https://github.com/wdmtech.png","language":"JavaScript","funding_links":[],"categories":["Resources","JavaScript"],"sub_categories":["Examples"],"readme":"![logo.png](logo.png)\n\n# Feathers-vuex TodoMVC demo\n\nThis project takes the existing [Vue](https://vuejs.org) [TodoMVC demo](https://vuejs.org/v2/examples/todomvc.html) and adds [Feathers](https://featherjs.com), and [Feathers-vuex](https://feathers-plus.github.io/v1/feathers-vuex) awesomeness!\n\nIn short, this stack makes it really simple to get reactive updates in Vue from a Feathers.js server, through Vuex.\n \nIt’s a beautiful combination of full-stack tech.\n\n# How to get started\n\nFirst, clone this repo\n\n`git clone git@github.com:wdmtech/feathers-vuex-todomvc.git`\n\n## Server (Feathers)\n\n`cd server`\n\n`npm install`\n\n`npm run start`\n\n## Client (Vue)\n\n`cd client`\n\n`npm install`\n\n`npm run serve` or `vue ui` if you have [vue-cli 3](https://cli.vuejs.org/) or later.\n\nNavigate to the url displayed (default `localhost:8080`) to view in your browser:\n\n![preview.png](preview.png)\n\n# Still to do - contributions welcome!\n\n- [ ] Filter todos using [reactive live queries](https://feathers-plus.github.io/v1/feathers-vuex/common-patterns.html#Reactive-Lists-with-Live-Queries)\n\n# Why?\n\nI built this because there seemed to be a need for examples containing actual implementation of Feathers with Vue and Feathers-vuex.\n\n# Further information\n\n## CRUD operations in the UI\n\nThe [Models and Instances API](https://feathers-plus.github.io/v1/feathers-vuex/model-classes.html) is used to create/remove/edit todos, and there is also an example [implementation](https://github.com/wdmtech/feathers-vuex-todomvc/blob/master/client/src/mixins/TodosMixin.js) that illustrates receiving events from the server on the client.  \n\n## `todos` service\n\n### \u0026hellip;on the client\n\nThe service is defined in feathers-vuex: [./client/src/store/services/todos.js](https://github.com/wdmtech/feathers-vuex-todomvc/blob/master/client/src/store/services/todos.js)\n\nThis is then loaded by the store: [./client/src/store/index.js](https://github.com/wdmtech/feathers-vuex-todomvc/blob/master/client/src/store/index.js)\n\n### \u0026hellip;on the server\n\n#### Initial todo data\n\nThe `todos` service is seeded with some initial data, in [./server/src/services/todos/todos.service.js](https://github.com/wdmtech/feathers-vuex-todomvc/blob/master/server/src/services/todos/todos.service.js)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwdmtech%2Ffeathers-vuex-todomvc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwdmtech%2Ffeathers-vuex-todomvc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwdmtech%2Ffeathers-vuex-todomvc/lists"}