wdmtech / feathers-vuex-todomvc

Feathers-vuex TodoMVC demo

Feathers-vuex TodoMVC demo

This project takes the existing Vue TodoMVC demo and adds Feathers, and Feathers-vuex awesomeness!

In short, this stack makes it really simple to get reactive updates in Vue from a Feathers.js server, through Vuex.

It’s a beautiful combination of full-stack tech.

How to get started

First, clone this repo

git clone [email protected]:wdmtech/feathers-vuex-todomvc.git

Server (Feathers)

cd server

npm install

npm run start

Client (Vue)

cd client

npm install

npm run serve or vue ui if you have vue-cli 3 or later.

Navigate to the url displayed (default localhost:8080) to view in your browser:

Still to do - contributions welcome!

• Filter todos using reactive live queries

Why?

I built this because there seemed to be a need for examples containing actual implementation of Feathers with Vue and Feathers-vuex.

Further information

CRUD operations in the UI

The Models and Instances API is used to create/remove/edit todos, and there is also an example implementation that illustrates receiving events from the server on the client.

todos service

…on the client

The service is defined in feathers-vuex: ./client/src/store/services/todos.js

This is then loaded by the store: ./client/src/store/index.js

…on the server

Initial todo data

The todos service is seeded with some initial data, in ./server/src/services/todos/todos.service.js

feathers-vuex-todomvc's Issues

Server doesn't install with npm

says "npm ERR! 404 Not Found - GET https://registry.npmjs.org/event-stream/-/event-stream-3.3.6.tgz"

Thanks!

Not an issue, but praise and heartfelt thanks! I've spent a lot of time looking for a demo of feathers+vuex that actually works, and this is the only one I have found! Thanks for taking the time to build and share!