├── docs
├── robots.txt
├── favicon.ico
├── img
│ └── icons
│ │ ├── favicon-16x16.png
│ │ ├── favicon-32x32.png
│ │ ├── mstile-150x150.png
│ │ ├── apple-touch-icon.png
│ │ ├── android-chrome-192x192.png
│ │ ├── android-chrome-512x512.png
│ │ ├── apple-touch-icon-60x60.png
│ │ ├── apple-touch-icon-76x76.png
│ │ ├── apple-touch-icon-120x120.png
│ │ ├── apple-touch-icon-152x152.png
│ │ ├── apple-touch-icon-180x180.png
│ │ ├── msapplication-icon-144x144.png
│ │ └── safari-pinned-tab.svg
├── fonts
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ └── fontawesome-webfont.woff2
├── manifest.json
├── service-worker.js
├── index.html
├── precache-manifest.95e75e38e48a794c5cdd73af8f3f8958.js
└── js
│ ├── app.js
│ └── app.js.map
├── public
├── robots.txt
├── favicon.ico
├── img
│ └── icons
│ │ ├── favicon-16x16.png
│ │ ├── favicon-32x32.png
│ │ ├── mstile-150x150.png
│ │ ├── apple-touch-icon.png
│ │ ├── android-chrome-192x192.png
│ │ ├── android-chrome-512x512.png
│ │ ├── apple-touch-icon-60x60.png
│ │ ├── apple-touch-icon-76x76.png
│ │ ├── apple-touch-icon-120x120.png
│ │ ├── apple-touch-icon-152x152.png
│ │ ├── apple-touch-icon-180x180.png
│ │ ├── msapplication-icon-144x144.png
│ │ └── safari-pinned-tab.svg
├── index.html
└── manifest.json
├── .browserslistrc
├── .postcssrc.js
├── babel.config.js
├── src
├── assets
│ ├── logo.png
│ ├── vendor
│ │ └── font-awesome
│ │ │ ├── fonts
│ │ │ ├── FontAwesome.otf
│ │ │ ├── fontawesome-webfont.eot
│ │ │ ├── fontawesome-webfont.ttf
│ │ │ ├── fontawesome-webfont.woff
│ │ │ └── fontawesome-webfont.woff2
│ │ │ └── css
│ │ │ ├── font-awesome.min.css
│ │ │ └── font-awesome.css
│ ├── app.scss
│ ├── defaultpair.json
│ └── _style.scss
├── App.vue
├── main.js
├── views
│ ├── CryptoBoard.vue
│ ├── Dashboard.vue
│ └── InfoView.vue
├── router.js
├── directives
│ └── click-ouside.js
├── util
│ └── Utility.js
├── registerServiceWorker.js
├── services
│ ├── binance.js
│ ├── ws.js
│ └── api.js
├── layout
│ └── LayoutPage.vue
├── store.js
└── components
│ ├── CryptoNews.vue
│ ├── CurrencyCard.vue
│ ├── Sparkline.vue
│ └── CoinCharts.vue
├── .travis.yml
├── vue.config.js
├── .gitignore
├── .eslintrc.js
├── LICENSE
├── package.json
└── README.md
/docs/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 |
--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 |
--------------------------------------------------------------------------------
/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 | not ie <= 8
--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | autoprefixer: {}
4 | }
5 | }
--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/favicon.ico
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [
3 | '@vue/cli-plugin-babel/preset'
4 | ]
5 | }
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/src/assets/logo.png
--------------------------------------------------------------------------------
/docs/img/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/favicon-16x16.png
--------------------------------------------------------------------------------
/docs/img/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/favicon-32x32.png
--------------------------------------------------------------------------------
/docs/img/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/mstile-150x150.png
--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/docs/img/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/apple-touch-icon.png
--------------------------------------------------------------------------------
/public/img/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/favicon-16x16.png
--------------------------------------------------------------------------------
/public/img/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/favicon-32x32.png
--------------------------------------------------------------------------------
/public/img/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/mstile-150x150.png
--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/apple-touch-icon.png
--------------------------------------------------------------------------------
/docs/img/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/android-chrome-192x192.png
--------------------------------------------------------------------------------
/docs/img/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/android-chrome-512x512.png
--------------------------------------------------------------------------------
/docs/img/icons/apple-touch-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/apple-touch-icon-60x60.png
--------------------------------------------------------------------------------
/docs/img/icons/apple-touch-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/apple-touch-icon-76x76.png
--------------------------------------------------------------------------------
/docs/img/icons/apple-touch-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/apple-touch-icon-120x120.png
--------------------------------------------------------------------------------
/docs/img/icons/apple-touch-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/apple-touch-icon-152x152.png
--------------------------------------------------------------------------------
/docs/img/icons/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/apple-touch-icon-180x180.png
--------------------------------------------------------------------------------
/public/img/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/android-chrome-192x192.png
--------------------------------------------------------------------------------
/public/img/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/android-chrome-512x512.png
--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/apple-touch-icon-60x60.png
--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/apple-touch-icon-76x76.png
--------------------------------------------------------------------------------
/docs/img/icons/msapplication-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/docs/img/icons/msapplication-icon-144x144.png
--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/apple-touch-icon-120x120.png
--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/apple-touch-icon-152x152.png
--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/apple-touch-icon-180x180.png
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - "10"
4 | install:
5 | - npm install
6 | script:
7 | - npm run lint
8 | - npm run docs
9 | - npm run build
--------------------------------------------------------------------------------
/public/img/icons/msapplication-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/public/img/icons/msapplication-icon-144x144.png
--------------------------------------------------------------------------------
/src/assets/vendor/font-awesome/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/src/assets/vendor/font-awesome/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/JayeshLab/vue-crypto-dashboard/HEAD/src/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | //publicPath is set as vue-crypto-dashboard for production you can change it according to your application
2 | module.exports = {
3 | publicPath: process.env.NODE_ENV === 'production' ? '/vue-crypto-dashboard/' : '/' ,
4 | filenameHashing: false
5 | };
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
13 |
14 |
15 |
16 | ## Tech Stacks
17 |
18 | - [Vue CLI 3](https://github.com/vuejs/vue-cli)
19 | - [Vue 2](https://v2.vuejs.org/)
20 | - [Vuex](https://github.com/vuejs/vuex)
21 | - [Vue Router](https://github.com/vuejs/vue-router)
22 | - [Sass](http://sass-lang.com/)
23 | - [Bootstrap 4](https://getbootstrap.com/docs/4.1/getting-started/introduction/)
24 | - [Binance Websocket Stream](https://github.com/binance-exchange/binance-official-api-docs/blob/master/web-socket-streams.md)
25 | - [amcharts](https://www.amcharts.com/)
26 | - [Cryptocompare News Api](https://min-api.cryptocompare.com/)
27 | - [Custom sparkline chart](https://github.com/JayeshLab/vue-crypto-dashboard/blob/master/src/components/Sparkline.vue)
28 | - [Custom Binance Websocket Api](https://github.com/JayeshLab/vue-crypto-dashboard/blob/master/src/services/api.js)
29 |
30 |
31 | ## Prerequisites:
32 |
33 | - Node/NPM
34 | - Vue-cli 3.x
35 |
36 | ## Project setup
37 | ```
38 | npm install
39 | ```
40 |
41 | ### Compiles and hot-reloads for development
42 | ```
43 | npm run serve
44 | ```
45 |
46 | ### Compiles and minifies for production
47 | ```
48 | npm run build
49 | ```
50 |
51 | ### Lints and fixes files
52 | ```
53 | npm run lint
54 | ```
55 |
56 | ### Run your unit tests
57 | ```
58 | npm run test:unit
59 | ```
60 |
61 |
--------------------------------------------------------------------------------
/src/components/CryptoNews.vue:
--------------------------------------------------------------------------------
1 |
2 |