Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sonicoder86/todomvc-vue
TodoMVC built with Vue and Vuex
https://github.com/sonicoder86/todomvc-vue
testing todomvc vue vuex
Last synced: 3 months ago
JSON representation
TodoMVC built with Vue and Vuex
- Host: GitHub
- URL: https://github.com/sonicoder86/todomvc-vue
- Owner: sonicoder86
- License: mit
- Created: 2019-09-23T16:59:25.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-15T00:00:41.000Z (almost 2 years ago)
- Last Synced: 2024-05-29T11:16:46.078Z (9 months ago)
- Topics: testing, todomvc, vue, vuex
- Language: JavaScript
- Homepage: https://blacksonic.github.io/todomvc-vue/
- Size: 2.89 MB
- Stars: 30
- Watchers: 3
- Forks: 9
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# TodoMVC built with Vue and Vuex
[](https://travis-ci.com/blacksonic/todomvc-vue)
[](https://david-dm.org/blacksonic/todomvc-vue)The well-known TodoMVC built with Vue and Vuex in a structured and testable way.

[Edit and try it out online](https://codesandbox.io/s/github/blacksonic/todomvc-vue)
## Concepts and tools covered
- [Vue CLI](https://cli.vuejs.org/)
- [Components and Props](https://vuejs.org/v2/guide/components.html#Passing-Data-to-Child-Components-with-Props)
- [Handling Events](https://vuejs.org/v2/guide/components.html#Listening-to-Child-Components-Events)
- [Vuex](https://vuex.vuejs.org/)
- [Unit Testing](https://vue-test-utils.vuejs.org/)
- [E2E Testing](https://www.cypress.io/)## Usage
After installing the dependencies the following NPM scripts become available:
- `start`: starts the application in development mode on [http://localhost:9000](http://localhost:9000)
- `build`: bundles the application for production into the `dist` folder
- `test`: runs unit and E2E tests
- `test:unit`: runs unit tests with [Mocha](https://mochajs.org/) and [Chai](https://www.chaijs.com/) in the `src` folder suffixed with `*.spec.js`
- `test:e2e`: runs E2E tests with [Cypress](https://www.cypress.io/) in the `tests/e2e` folder suffixed with `*.spec.js`
- `format`: formats the code with [Prettier](https://prettier.io/) within the `src` folder
- `lint`: lint files with [ESLint](https://eslint.org/) based on [Airbnb's styleguide](https://github.com/airbnb/javascript) and the Prettier config## Component architecture

Application is compatible with [Vue devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en)
## Series
This implementation is part of a series where the same application was implemented with the same architecture.
- [Vue](https://github.com/blacksonic/todomvc-vue)
- [Vue Composition API](https://github.com/blacksonic/todomvc-vue-composition-api)
- [Angular](https://github.com/blacksonic/todomvc-angular)
- [React](https://github.com/blacksonic/todomvc-react)
- [React Hooks](https://github.com/blacksonic/todomvc-react-hooks)
- [Svelte](https://github.com/blacksonic/todomvc-svelte)