Crypto_vue

screenshot of Crypto_vue
express
vue
bulma
scss

A Vue.js based real-time dashboard of the top 10 cryptocurrencies

Overview

If you're in the market for a modern and efficient cryptocurrency tracking tool, this application built with Vue.js offers a compelling solution. With its sleek design and functional features, it's tailored to meet the needs of both casual and serious crypto enthusiasts. Whether you're tracking prices or analyzing market trends, this app promises an engaging and seamless experience.

Features

  • Simple: Built with vue-cli and integrated routing through vue-router, making it easy to navigate.
  • Real-time: Leverages real-time data from CoinMarketCap, providing the latest updates on cryptocurrency prices.
  • Powerful: Utilizes a Service Worker script that enhances performance, allowing the app to function even without an internet connection.
  • Responsive: Designed to be mobile responsive using Bulma and SASS, ensuring optimal usability across devices.
  • Live Deployment: Easily deployed on Heroku and secured with Cloudflare, providing a robust and secure environment.
  • Local Development: The app can be run locally with npm, facilitating easy edits and real-time updates during development.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

bulma
Bulma

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.