Vue the Cryptos

Fast cryptocurrencies live viewer, built with Vue.js, Axios and the Coinmarketcap API.

Objectives:

1. Learn the basics of Vue.js and Axios
2. Make it responsive, optimized for mobile devices (as well as desktop)
3. Make it as fast and as light as possible, including:

• Minification.

• Preload styles/scripts to start loading them without blocking page rendering

• Cache some resources for up to a year, after securing it with HTTPS and HTTP/2

• Auto deploy to Netlify from GitHub, as a "static site" for serverless fast loading

• Make it a Progressive Web App, with Service worker and offline caching

  ​

Results: Outstanding performance, as measured by Google's Lighthouse tool:

and Pingdom tool:

To-dos:

• Add Graphics:

  1. Add some logo (done)
  2. Make graphics local (done)
  3. Add crypto anime characters
  4. Convert images to webp (done)
  5. Make the list collapsable (done)

• Prompt the mobile user to add to homescreen from mobile devices (done)