Giter Club home page Giter Club logo

crypto_vue's Introduction

first release npm version

โœจ CryptoVue is a real-time dashboard that displays the top 10 cryptocurrencies based on currency price, market captilization and overall circulating supply. โœจ

Launch App

Features

  • ๐Ÿ”ฉ Simple: Bootstrapped with vue-cli and routed with vue-router

  • ๐Ÿ“Š Real-time: Real time data obtained from the leading cryptocurrency resource CoinMarketCap

  • ๐Ÿ’ช Powerful: Runs a Service Worker script to increase online performance and function without a network connection

  • ๐Ÿ“ฑ Responsive: Made mobile responsive with Bulma and SASS

  • ๐ŸŽ‰ Live: Deployed with Heroku and secured with Cloudflare

Demo

Locally using npm

  • Clone/download the repo

  • cd crypto_vue

  • If you don't have vue-cli installed run npm install -g vue-cli

  • npm run dev runs the app in development mode. Open http://localhost:8080 to view it in the browser and the page should reload whenever you make edits

Head over to vue-cli to see a list of things you can do.

Appreciation :)

crypto_vue's People

Contributors

captainswain avatar djirdehh avatar lcalhau-ippon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

crypto_vue's Issues

Trim bundle size (and/or remove unused assets)

So the service worker file generated is a nice chunky 5MB

image

  1. If there's room for improvement, will love to explore how we can cut our bundle sizes down to the users
  2. All the images stored in the static folder, are all needed or can we remove some that are unused?

๐Ÿ’ƒ ๐Ÿ•บ

[Improv] App performance

Some ways to improve app's actual performance

  1. Certain images are still of 75kb. It appears they haven't been minified.
  2. Use CSS spritesheet to display logo of cryptocurrencies on first page.
  3. Using async and defer attributes on script tags which are not needed at loading time.

No logo for Cardano & Bitcoin Gold

Hey,

It's just a detail, but there's no Logo for Cardano & Bitcoin Gold.

I guess they were not in the top 10 when you built the website.

Nice work tho !

I've made CryptoReact. The React version ๐Ÿ˜‡

๐Ÿ‘‹๐Ÿป Hey @djirdehh ,

I'm opening this issue just to let you know that Crypto_Vue inspired one of my last project. On my spare time I've made cryptoReact. The idea and UI is the same as Crypto_vue, the framework and some of the logic is different. You can find it here:

Repo: https://github.com/xunga/CryptoReact-
Demo: https://xunga.github.io/CryptoReact-/

I've mentioned and linked this project in my repo and in the app.
Thanks for your inspiration.

Cheers from Berlin!

change currency

Hello,

Thanks for this awesome project, I love it :) I would like to know how chan I change the currency value to EURO ?

Thanks :)

Feature Idea: Add Global Market Cap Data

Add Global Market Cap across all crypto currencies
cryptovue google chrome today at 5 35 10 pm

Maybe we can also add percentage of total crypto cap for each currency or maybe a doughnut chart?

Looking for more design input.

[ Request ] Clarify License?

Could you clarify which license, if any, the code and assets are released under? Preferably by adding one to the repo?

I ask because I'd like to use the your logo set in a similar project I'm playing around with but only with permission of course.

In any case, awesome app!

First load too slow

As the Vue app takes time to load for the first time and in that case service workers also don't help, there is a real need to alteast display something to the user. This will increase the perceived performance of the app.
My idea is to show the blue theme background and a simple preloader (or just some text to further increase the speed) and hiding the loader as soon as the Vue app can take over.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.