TradingVue

Vue.js & WebSocket API Project

Note: WebSocket not working in this deploy. WebSocket currently only works in local.

What can you do in this project ?

  • Choose a FX Pair to see prices.
  • Choose the resolution window to see prices
  • See the flags of currency pair
  • See the last FX price of currency pair
  • Swap currencies to see from different view
  • Track live prices with Socket-io Client

How this project handled?

- Vue CLI
- Vue.js
- Vuex
- Tailwind CSS
- JavaScript
- CSS
- HTML

You need to add REST API Key and Streaming API Key from tradermade.com.

Further Reading

Vue CLI

Tailwind CSS

Vue Directives

React vs Vue

Vue vs React - Comparison

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.