TheDiligentDev

{
  "bindings": [
    {
      "authLevel": "anonymous",
      "type": "httpTrigger",
      "direction": "in",
      "name": "req",
      "methods": [
        "post"
      ]

TheDiligentDev

<template>
  <q-card class="q-ma-md q-pa-sm">
    <q-card-section>
      <div class="text-h4">{{ ticker.market.name }}</div>
      <div class="text-h6">
        Trust: <q-avatar size="sm" :color="ticker.trust_score" />
      </div>
    </q-card-section>
    <q-separator></q-separator>
    <q-card-section>

TheDiligentDev

<template>
  <div class="row">
    <div class="col flex flex-center">
      <q-btn
        type="a"
        color="primary"
        class="q-mr-sm"
        :href="`https://facebook.com/${facebookUserName}`"
        target="__blank"
      >

TheDiligentDev

<template>
  <div class="row">
    <div class="col flex flex-center">
      <q-img width="50px" :src="image"></q-img>
      <span class="text-h3 q-pt-md q-pb-md"> {{ name }} ({{ symbol }}) </span>
    </div>
  </div>
</template>

<script>

TheDiligentDev

<template>
  <q-page v-if="details" padding>
    <crypto-details-heading
      :image="details.image.small"
      :name="details.name"
      :symbol="details.symbol"
    ></crypto-details-heading>

    <q-separator class="q-mb-lg"></q-separator>

TheDiligentDev

<template>
  <q-page padding>
    <q-table
      grid
      title="Cryptocurrencies"
      :rows="coins"
      :columns="columns"
      row-key="name"
      :filter="filter"
      :pagination="{ rowsPerPage: 12 }"

TheDiligentDev

<template>
  <q-card>
    <q-card-section>
      <div class="text-h4">{{ cryptocurrencyData.name }}</div>
      <div class="text-subtitle2">{{ cryptocurrencyData.symbol }}</div>
    </q-card-section>
    <q-card-actions>
      <q-btn @click="navigateToCryptoDetails(cryptocurrencyData.id)" flat>
        View
      </q-btn>

TheDiligentDev

import { boot } from "quasar/wrappers";
import axios from "axios";

const api = axios.create({
  baseURL: "https://api.coingecko.com/api/v3",
});

export default boot(({ app }) => {
  app.config.globalProperties.$api = api;
});

TheDiligentDev

<template>
  <q-layout view="lHh Lpr lFf">
    <q-header class="frosted-glass" elevated>
      <q-toolbar>
        <q-toolbar-title> Cryptocurrencies </q-toolbar-title>
      </q-toolbar>
    </q-header>

    <q-page-container>
      <router-view />

TheDiligentDev

<template>
  <q-layout view="lHh Lpr lFf">
    <q-header elevated>
      <q-toolbar>
        <q-toolbar-title> Government Jobs </q-toolbar-title>
      </q-toolbar>
    </q-header>

    <q-page-container>
      <router-view />