⚡ Vue App Crypto

• Vue app to get crypto currency price data from a CryptoCompare API.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Vue App Crypto
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-Do List
  • 👏 Inspiration
  • ✉️ Contact

📚 General info

• Axios used to get API data.
• Data displayed using one-way data-binding and a v-for loop.

📷 Screenshots

📶 Technologies

• Vue v2 framework
• Vue Router v3 the official router for Vue.js
• Vue CLI v3 interface
• Axios v0.21.0, a promise-based http client, is used to consume API data.
• Vue DevTools extension for Chrome.

💾 Setup

• Run npm i to install dependencies
• Run npm run lint to lint and autofix files
• Run npm run test to runs tests - no tests specified
• Run npm run serve then navigate to http://localhost:8080/. The app will automatically reload if you change any of the source files.
• Run npm run build to compile and minify for production

💻 Code Examples

* Extract from Hello.vue: function to get cryptocurrency data from the API

	created () {
		const fsymsList = 'BTC,XRP,BCH,ETH,ZEC,EOS,XMR,ETC,LTC,DASH,QTUM,NEO,XLM,TRX,ADA,BTS,USDT,XUC,PAX,IOT';

	  axios.get('https://min-api.cryptocompare.com/data/pricemulti?fsyms=' + fsymsList + '&tsyms=USD')
	  .then(response => {
		  this.cryptos = response.data
		  console.log(response)
	  })
	  .catch(e => {
		  this.errors.push(e)
	  });
  }

🆒 Features

• uses the new Vue3 CLI.

📋 Status & To-Do List

• Status: Working.
• To-Do: add functionality. Try deploy again with correct build path

👏 Inspiration

• Coursetro Vue.js CryptoCurrency Tutorial - Display Exchange Data with an API

📁 License

• This project is licensed under the terms of the MIT license.

✉️ Contact

• Repo created by ABateman, email: gomezbateman@yahoo.com