rollendxavier

terraform {
  backend "azurerm" {}
}

provider "azurerm" {
  features {}
}

module "network" {
  source              = "./modules/network"

rollendxavier

using System;
using System.Collections.Generic;

namespace ConsoleApp3
{
    class Program
    {
        static void Main(string[] args)
        {
            try

rollendxavier

emoji-cheat-sheet

Table of Contents

• Smileys & Emotion
• People & Body
• Animals & Nature
• Food & Drink
• Travel & Places
• Activities

rollendxavier

data "azurerm_key_vault" "keyvault" {
  name                  = "keyvault"
  resource_group_name   = var.resource_group_name
}

data "azurerm_key_vault_certificate" "cert" {
  name                  = "kv-cert"
  key_vault_id          = data.azurerm_key_vault.keyvault.id
}

rollendxavier

import React, { useState, useEffect, useMemo } from 'react';
import axios from 'axios';
import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, PieChart, Pie, Cell, ResponsiveContainer } from 'recharts';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';
import './App.css'; // Import the CSS
import NewsTicker from './components/News'; // Import the News components

function CoinDetails({ coin, history }) {
  // Prepare the data for the line chart

rollendxavier

body {
  font-family: Arial, sans-serif;
}

.App {
  text-align: center;
}

.App-header {
  background-color: #ffffff;

rollendxavier

import React, { useState, useEffect, useMemo } from 'react';
import axios from 'axios';
import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, PieChart, Pie, Cell, ResponsiveContainer } from 'recharts';
import DatePicker from 'react-datepicker';
import NewsTicker from './components/News'; // Import the News components
import 'react-datepicker/dist/react-datepicker.css';
import './App.css'; // Import the CSS

rollendxavier

function CoinDetails({ coin, history }) {
  // Prepare the data for the line chart
  const chartData = history.map(dataPoint => ({ date: new Date(dataPoint[0]).toDateString(), price: dataPoint[1] }));
  const priceChangeColor = coin.price_change_24h < 0 ? 'red' : 'green';

  return (
    <div className="coin-details">
      <h2>{coin.name} ({coin.symbol.toUpperCase()})</h2>
      <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', width: '100%' }}>
        <span style={{ color: priceChangeColor, fontSize: '0.8em' }}>

rollendxavier

function App() {
  const [coins, setCoins] = useState([]);
  const [selectedCoin, setSelectedCoin] = useState(null);
  const [history, setHistory] = useState([]);
  const [loading, setLoading] = useState(true);
  const [startDate, setStartDate] = useState(new Date());
  const [endDate, setEndDate] = useState(new Date());
  const api_key = 'YOUR_API_KEY'; // replace this with your own API key
  const holdings = useMemo(() => holdingsData, []);

rollendxavier

const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042']; // add more colors if you have more coins

  useEffect(() => {
    axios.get(`https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&ids=${holdings.map(holding => holding.id).join(',')}`, {
      headers: {
        'X-CoinAPI-Key': api_key
      }
    })
      .then(response => {
        const updatedHoldings = holdings.map(holding => {