Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jsardev/vuejs-example-stock-trader

Vue.js + Vue Router + Vuex in a simple Stock Trading game
https://github.com/jsardev/vuejs-example-stock-trader

vue vue-router vuelidate vuex

Last synced: 27 days ago
JSON representation

Vue.js + Vue Router + Vuex in a simple Stock Trading game

Awesome Lists containing this project

README

        

# Vue.js Stock Trader Game

A simple game created for learning the Vue.js ecosystem. This project makes use of following:

### Modules:

* [Vue.js](https://github.com/vuejs/vue) - Framework
* [Vue Router](https://github.com/vuejs/vue-router) - Routing
* [Vuex](https://github.com/vuejs/vuex) - State Management
* [Vuelidate](https://github.com/monterail/vuelidate) - Form validation

### Features

* [Mixins](https://vuejs.org/v2/guide/mixins.html)
* [Filters](https://vuejs.org/v2/guide/filters.html)
* [Custom directives](https://vuejs.org/v2/guide/custom-directive.html)
* [Single file components](https://vuejs.org/v2/guide/single-file-components.html)
* [Component scoped CSS](https://vue-loader.vuejs.org/en/features/scoped-css.html)
* [Enter/Leave transitions](https://vuejs.org/v2/guide/transitions.html)

The project was made while trying to follow the best practices found on the web. Although many patterns were created right here.

## How to run

```bash
# Install dependencies
npm install

# Serve with hot reload at localhost:8080
npm run dev

# Build for production with minification
npm run build
```

## Things to add

* Testing
* State transitions

## Contribution

Feel free to contribute to this project in order to introduce better practices building `Vue.js` apps. Create an issue with a question/bug to discuss certain problems or just introduce a pull request right away!