Skip to content

x4lex19o/vue3-crypto-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 

Repository files navigation

Vue 3 Crypto Dashboard πŸš€

Welcome to the Vue 3 Crypto Dashboard repository! This dashboard is designed to provide you with a comprehensive overview of the cryptocurrency market using Vue 3. It incorporates various features such as real-time data updates, interactive charts, and a user-friendly interface to keep you informed about the latest trends in the crypto world.

Crypto Dashboard Preview

Features 🌟

πŸ“ˆ Real-time data updates from the Binance API
πŸ“Š Interactive charts powered by amCharts 5
πŸ”’ Secure websocket connection for live data
🎨 Beautifully designed using Bootstrap 5
πŸš€ Built with Vue 3 Composition API and Vuex for state management
πŸ”— Seamless routing with Vue Router 4

Installation and Setup βš™οΈ

To get started with the Vue 3 Crypto Dashboard, simply follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/yourusername/vue3-crypto-dashboard.git
  2. Install dependencies using npm or yarn:

    npm install
    # or
    yarn install
  3. Run the development server:

    npm run serve
    # or
    yarn serve

Screenshots πŸ“·

Here are a few snapshots of the Vue 3 Crypto Dashboard in action:

Screenshot 1

Screenshot 2

Data Sources πŸ“Š

The dashboard retrieves real-time cryptocurrency data from the Binance API using a secure websocket connection. This ensures that the information displayed is current and accurate, allowing you to make informed decisions based on the latest market trends.

Visit the Dashboard πŸ”—

You can access the Vue 3 Crypto Dashboard by clicking the button below:

Launch Crypto Dashboard

Repository Structure πŸ“

  • /src/components: Contains Vue components used in the dashboard
  • /src/views: Main views of the dashboard
  • /src/plugins: Vue plugins and additional configurations
  • /src/router: Vue Router setup and configurations
  • /src/store: Vuex store setup and modules
  • /src/utils: Utility functions and helpers

Technologies Used πŸ› οΈ

The Vue 3 Crypto Dashboard leverages the following technologies:

  • Vue 3
  • Vuex
  • Vue Router 4
  • Pinia
  • Bootstrap 5
  • amCharts 5
  • Websocket

Get Involved πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

If you're interested in contributing to the Vue 3 Crypto Dashboard, feel free to fork the repository and submit a pull request. Your contributions are always welcome!

Feedback and Support πŸ’Œ

If you have any feedback, suggestions, or issues to report, please don't hesitate to open an issue on the GitHub repository. We value your input and are committed to making the Vue 3 Crypto Dashboard the best it can be.

License πŸ“œ

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as needed.


Thank you for checking out the Vue 3 Crypto Dashboard! We hope you find it useful and informative for tracking the cryptocurrency market. Happy trading! πŸš€πŸ“ˆ