Bloomberg Markets Stock Page

This project is a Front-End clone of the Bloomberg Markets Stock Page landing page (04/2018) built with Vue JS and Charts JS.

A Tool used to aid the Front-End Design - Webflow.

Usage

A Vue.js project, built with the Vue CLI. This project was bootstrapped with vue-cli

Deployed

Deployed via Surge at https://bloomberg-markets.surge.sh/

Instructions

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn serve

# build for production with minification
yarn build

For a detailed explanation on how things work, consult the docs for vue-loader.

Note

Mobile & Tablet responsive designs have not been done yet.

Resources

• Vue Awesome Icons - https://github.com/Justineo/vue-awesome
• Font-Awesome icon gallery - https://fontawesome.com/icons?d=gallery
• Amcharts with Vue JS - https://www.amcharts.com/kbase/using-amcharts-vue-js-webpack/ - (path: node_modules/@vue/cli-service/webpack.config.js).
• Chart JS - https://alligator.io/vuejs/vue-chart-js/