crypto_prices_cc_api

Web app which displays current prices of 8 cryptos converted to 4 major currencies. See CryptoCompare.com API.

• cryptocompare.com API

Updating Prices

To update prices, refresh the browser display.

Components

• styles/styles.js modifies Foundation CSS' default card styles, found in the cards container.
• lib/script.js contains the data object which will list pulled results, found in the Vue object. Along with axios logic for fetching data through the server's API, found in the mounted() function.
• index.html: <div class="container" id="app"> couples content with data. Vue.js Template syntax can be found in <p>&euro; {{ result.EUR }}</p>.

Additional Libraries

The following libraries are linked to the app:

• foundation.min.css
• vue.min.js
• axios.min.js

Related Tutorial

• How to Use Vue.js and Axios to Display Data from an API