TradingVue

Vue.js & WebSocket API Project

Live Demo

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.