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

3. Clone or download the project repository.
4. Navigate to the project directory and install the dependencies:

npm install

5. Once the installation is complete, you can run the app in development mode with hot-reloading using:

npm run serve

6. For production build, run:

npm run build

7. You can also run linting tests with:

npm run lint

8. 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.