benbr-personal

CryptoFacilities Front-end Tech Test

We'd like you to build a very small 'App' that takes a stream of historical trades and displays them to the user, data will be provided from a public websocket endpoint and the UI should update in real-time as new state is received from the websocket and a message should be displayed to users if the list is empty (e.g. state yet received from endpoint).

The websocket endpoint is wss://www.cryptofacilities.com/ws/v1 and once connected you need to send the messasge {"event":"subscribe","feed":"trade","product_ids":["FI_XBTUSD_180615"]} to retrieve the list of trades. This will return an initial trade_snapshot object which contains an array of trade objects, please display the product_id, qty and price props of these objects to the user, sorted by the time prop in descending order.

benbr-personal

// ES5 + Angular 1.5.X

import gulp from 'gulp';
import concat from 'gulp-concat';
import wrap from 'gulp-wrap';
import uglify from 'gulp-uglify';
import htmlmin from 'gulp-htmlmin';
import gulpif from 'gulp-if';
import sass from 'gulp-sass';
import ngAnnotate from 'gulp-ng-annotate';

benbr-personal

<div class="scroll-progress">
	<span class="scroll-progress--scrolled"></span>
</div>

benbr-personal

<div class="button primary">
    <a href="#">button text</a>
</div>