Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Vue Crypto Dashboard screenshot

Vue Crypto Dashboard

Author Avatar Theme by Jayeshlab
Updated: 12 Jan 2025
238 Stars

Cryptocurrency Dashboard made with Vue

Github Live Preview

Categories

Vue Scss Dashboard

Overview

The Vue Crypto Dashboard is a cryptocurrency dashboard built with Vue JS. It is a progressive web app (PWA) enabled with real-time price updates from the Binance Websocket API, historical charts displayed using amChart, SVG sparkline chart, and a news feed from Cryptocompare site.

Features

  • PWA Enabled: Progressive Web App functionality for enhanced user experience.
  • Real-time Price Updates: Utilizes Binance Websocket API for up-to-date cryptocurrency prices.
  • Historical Charts: Displays historical charts using amChart for in-depth analysis.
  • Latest News Feed: Integrates news feed from Cryptocompare site for the latest updates.
  • Tech Stack: Built using Vue CLI 3, Vue 2, Vuex, Vue Router, Sass, Bootstrap 4, and other technologies.
  • Custom Sparkline Chart: Includes a customized sparkline chart for visual representation.
  • Binance Websocket Stream: Utilizes a custom Binance Websocket API for data streaming.
  • Prerequisites: Requires Node/NPM and Vue-cli 3.x for project setup and development.

Installation

To install the Vue Crypto Dashboard, follow these steps:

  1. Make sure you have Node and NPM installed on your system.
  2. Install Vue-cli 3.x globally by running the following command in your terminal:
npm install -g @vue/cli
  1. Clone or download the project repository.
  2. Navigate to the project directory and install the dependencies:
npm install
  1. Once the installation is complete, you can run the app in development mode with hot-reloading using:
npm run serve
  1. For production build, run:
npm run build
  1. You can also run linting tests with:
npm run lint
  1. Enjoy exploring the Vue Crypto Dashboard with its various features.

Summary

The Vue Crypto Dashboard is a comprehensive tool for tracking cryptocurrency prices, viewing historical data, and staying updated with the latest news. With a range of features like PWA functionality, real-time price updates, and customized charts, it provides an engaging user experience for crypto enthusiasts. Additionally, the tech stack used in the development ensures a robust and efficient application.