trade-vue is a frontend application for a trading platform.
It is built on Vue.js, a fast growing, modern framework which utilizes a virtual DOM and provides reactive and composable view components. Applications created with Vue are lightweight and have a very good performance. Behind the scenes Vue codebase is now written using TypeScript, which leads to less bugs and improves readability and speed. Vue is compact, has very good documentation, provides a neat command line interface via vue cli, allows you to get up and running really fast and is popular by startup teams.
| Plugin | USED FOR |
|---|---|
| @amcharts/amcharts4 | Version 4 used for this application is written in TypeScript. Some of their graphs were, at trade-vue's creation-time (Mars 2019) not yet converted from v3 to 4, but most of them were. For coding, three different syntaxes are provided: TypeScript / ES6, JavaScript, or JSON. The documentation helps with integration in chosen framework, besides great tutorials to get going. |
| socket.io | Enables real-time, bidirectional and event-based communication between the browser and the server. It provides auto-reconnection support together with secure connections in the precense of proxies, firewalls etc. |
| vue-router | Supports vue framework with easy route and path handling. |
Vue has great automatic development support, where mistakes in codepatterns can be corrected on the fly. selenium-webdriver together with mocha creates foundation for local testing.
-
Test if web-page title is correct.
-
Test link to 'Join' and see if path and H2 is correct.
-
Test to go to protected page and end up at login.
-
Reach login-page via xpath and test color on button.
-
Login with credentials, take screenshot, click for new page, take screenshot and check header.
-
Go to Front-page, take screenshot and check path and header.
This platform was created (together with trade-socket and trade-express) as my final project at Blekinge Tekniska Högskola for the course Ramverk2. The real-time application microserver keeps track of prices and assets for each member, and the backend application handles secure login services and some text content.