⚡ Angular App Crypto

• App to get crypto currency price data from a CryptoCompare API.
• Code from Gary Simon at DesignCourse - see 👏 Inspiration below.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

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

📚 General info

• Angular httpClient used to get API data
• Data displayed using one-way data-binding and an *ngFor loop
• Separate data.service.ts file used to get API price data. This data is subscribed to in app.component.ts

📷 Screenshots

.

📶 Technologies

• Angular v13
• RxJS Library v7 used to subscribe to the observable

💾 Setup

• Install dependencies using npm i.
• Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

💻 Code Examples

• data.service.ts using httpClient service with a getPrices() function to get crypto currency details from the API.

@Injectable()
export class DataService {
  result: any;
  currencyCode: string;
  display: string;

  constructor(private http: HttpClient) {}

  // function to get crypto prices in euro from the API - no API key required.
  getPrices() {
    const fsymsList =
      "BTC,XRP,BCH,ETH,ZEC,EOS,XMR,ETC,LTC,DASH,QTUM,NEO,XLM,TRX,ADA,BTS,USDT,XUC,PAX,IOT";
    return this.http
      .get(
        "https://min-api.cryptocompare.com/data/pricemulti?fsyms=" +
          fsymsList +
          "&tsyms=EUR"
      )
      .pipe(map((result) => (this.result = result)));
  }
}

🆒 Features

• Angular httpClient used to get data from an external API.
• Angular currency pipe & rxjs map operator used to extract currency data and display it to the correct format.
• Dependencies updated with 0 dependency vulnerabilities.

📋 Status & To-Do List

• Status: Working
• To-Do: Nothing

👏 Inspiration

• Angular 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