From 19ecca41d58dd2557b70c065f47790cf1e27b80f Mon Sep 17 00:00:00 2001
From: xarlizard <charkrios@gmail.com>
Date: Thu, 24 Oct 2024 12:55:48 +0200
Subject: [PATCH] StreamHatchet Frontend Technical Test

---
 sites/streamhatchet_frontendtest/css/main.css |  62 +++++++++
 sites/streamhatchet_frontendtest/img/logo.png | Bin 0 -> 33458 bytes
 sites/streamhatchet_frontendtest/index.html   |  62 +++++++++
 .../js/header-streamhatchet.js                |  83 ++++++++++++
 sites/streamhatchet_frontendtest/js/main.js   | 120 ++++++++++++++++++
 .../js/popupNotify.js                         |  82 ++++++++++++
 sites/streamhatchet_frontendtest/readme.md    |  20 +++
 7 files changed, 429 insertions(+)
 create mode 100644 sites/streamhatchet_frontendtest/css/main.css
 create mode 100644 sites/streamhatchet_frontendtest/img/logo.png
 create mode 100644 sites/streamhatchet_frontendtest/index.html
 create mode 100644 sites/streamhatchet_frontendtest/js/header-streamhatchet.js
 create mode 100644 sites/streamhatchet_frontendtest/js/main.js
 create mode 100644 sites/streamhatchet_frontendtest/js/popupNotify.js
 create mode 100644 sites/streamhatchet_frontendtest/readme.md

diff --git a/sites/streamhatchet_frontendtest/css/main.css b/sites/streamhatchet_frontendtest/css/main.css
new file mode 100644
index 0000000..4098c3d
--- /dev/null
+++ b/sites/streamhatchet_frontendtest/css/main.css
@@ -0,0 +1,62 @@
+/*Responsive page, has two sizes for desktop or phone devices (just to show off how the streamhatchet header webcomponent resizes)*/
+body {
+    margin-top: 450px;
+    display: flex;
+    flex-direction: column;
+    font-family: 'Nunito', Arial;
+    font-size: 22px;
+}
+.container{
+    margin: auto;
+    display: flex;
+    gap: 30px;
+    flex-direction: row;
+    justify-content: center;
+    width: 80%;
+    margin: auto;
+    height: 100%;
+}
+
+.containerr {
+    width: 80%;
+    margin: 8em auto;
+}
+
+.chart-container {
+    min-width: 300px;
+}
+
+#myChart {
+    width: 100%;
+    max-width: 300px;
+    margin: 0 auto;
+}
+
+#buttonContainer{
+    transform: scale(0);
+    margin: auto;
+}
+
+button{
+    margin: auto 0;
+    height: 100px;
+}
+
+button:hover{
+    cursor: pointer;
+}
+
+#getRequestContainer button{
+    height: 20px;
+}
+
+#buttonload {
+    display: none;
+}
+
+/* Specifications for desktop screen size*/
+@media only screen and (min-width:800px) {
+    body {
+        margin-top: 80px;
+    }
+}
\ No newline at end of file
diff --git a/sites/streamhatchet_frontendtest/img/logo.png b/sites/streamhatchet_frontendtest/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d17402ebda50bb2c0a51f8e38cbb5b794a38c82f
GIT binary patch
literal 33458
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
V;ho0TSq#X)uB+=@EmFG|_J4p^Lzn;n

literal 0
HcmV?d00001

diff --git a/sites/streamhatchet_frontendtest/index.html b/sites/streamhatchet_frontendtest/index.html
new file mode 100644
index 0000000..296c52e
--- /dev/null
+++ b/sites/streamhatchet_frontendtest/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Demo StreamHatchet</title>
+    <link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="css/main.css">
+</head>
+<!--THIS ENTIRE PAGE SERVES AS THE TECHNICAL TEST REQUIRED FOR AN INTERVIEW AIMING TO JOIN STREAMHATCHET TEAM.
+    TO CORRECTLY USE/SEE THIS PAGE CONTENT, A VALID API MUST BE PROVIDED.-->
+<body>
+
+    <header>
+        <!--Custom webcomponent element for the header-->
+        <header-streamhatchet></header-streamhatchet>
+    </header>
+
+    <div class="container" id="getRequestContainer">
+        <p>API Key:
+        <!--Custom webcomponent element for a clickable popup that displays relevant info for the user-->
+        <popup-notify>
+            <span slot="popupText">
+                -Input your 30-characters API_KEY
+                <br>
+                (Used for GET server request through Axios method, doesn't get stored)
+            </span>
+        </popup-notify>
+        <input type="text" id="apiInput" value="">
+        <!--This button calls for axios get request with above's given input value field, making this static page secure to load on a public repository without compromising any keys/secrets-->
+        <button id="fetchServer">Send Api Request</button>
+        <button id="buttonload">
+            <i class="fa fa-circle-o-notch fa-spin"></i>Waiting for server
+          </button>
+        </p>
+    </div>
+    <div class="container">
+        <!--We use chart.js library to create custom charts for StreamHatchet API data through the "canvas" HTML element-->
+        <div class="chart-container">
+            <canvas id="myChart"></canvas>
+        </div>
+    </div>
+
+    <!-- A div containing all the buttons, remains hidden until data is fetched from server and is secure to push buttons-->
+    <div id="buttonContainer">
+        <button id="airtimeHours">Airtime hours</button>
+        <button id="maxRank">Max Rank</button>
+        <button id="averageViewers">Average Viewers</button>
+        <button id="averageChannels">Average Channels</button>
+    </div>
+
+    <!--Script for Axios Fetching and creating the desired Chart with the library chart.js that was previsously lodaded on the page-->
+    <script src="./js/main.js"></script>    
+    <!--Custom webcomponent file reference for the header-->
+    <script src="./js/popupNotify.js"></script>
+    <script src="js/header-streamhatchet.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/sites/streamhatchet_frontendtest/js/header-streamhatchet.js b/sites/streamhatchet_frontendtest/js/header-streamhatchet.js
new file mode 100644
index 0000000..6ef00b5
--- /dev/null
+++ b/sites/streamhatchet_frontendtest/js/header-streamhatchet.js
@@ -0,0 +1,83 @@
+//const template = document.createElement("template"); //If more webcomponents use this, remove it and add it to the main js file ONCE.
+template.innerHTML = ` 
+    <style>
+            ul {
+                list-style-type: none;
+                gap: 5px;
+                margin: 0;
+                padding: 10px;
+                overflow: hidden;
+                background-color: #333;
+                position: fixed;
+                top: 0;
+                width: 100%;
+            }
+  
+            li {
+                font-size: 1.1em;
+            }
+  
+            li > img {
+                height: 50px;
+                margin-right: 20px;
+            }
+            li > a{
+                display: block;
+                color: white;
+                text-align: center;
+                padding: 14px 16px;
+                text-decoration: none;
+            }
+  
+            li > a:hover:not(.active) {
+                background-color: #111;
+                border-radius: 50px;
+            }
+
+            .active {
+                color: black;
+                background-color: white;
+                border-radius: 50px;
+            }
+
+            @media only screen and (min-width:800px) {
+                li{
+                    float: left;
+                }
+            }
+    </style>
+
+        <ul class="headerList">
+            <li class="header-item"><img src="img/logo.png" alt="logo" srcset="https://streamhatchet.com/wp-content/uploads/2020/05/SH_Icon_-primary-2.png"></li>
+            <li class="header-item "><a href="#channels">Channels</a></li>
+            <li class="header-item"><a class="active" href="#games">Games</a></li>
+            <li class="header-item"><a href="#campaigns">Campaigns</a></li>
+            <li class="header-item"><a href="#esports">Esports</a></li>
+            <li class="header-item"><a href="#comparison">Comparison</a></li>
+            <li class="header-item"><a href="#insight">Insights</a></li>
+            <li class="header-item"><a href="#youtube">YouTube VODs</a></li>
+        </ul>
+`;
+
+class HeaderStreamHatchet extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    this.shadowRoot.appendChild(template.content.cloneNode(true));
+  }
+
+
+  //function to change between header titles/pages
+  headerSelect() {
+    const headerItem = this.shadowRoot.querySelector('.header-item');
+    return true;
+  }
+
+  connectedCallback() {
+    this.shadowRoot.querySelector('.header-item').addEventListener('click', () => {
+        this.headerSelect()
+    })
+  }
+}
+
+window.customElements.define("header-streamhatchet", HeaderStreamHatchet);
diff --git a/sites/streamhatchet_frontendtest/js/main.js b/sites/streamhatchet_frontendtest/js/main.js
new file mode 100644
index 0000000..4f6eb3a
--- /dev/null
+++ b/sites/streamhatchet_frontendtest/js/main.js
@@ -0,0 +1,120 @@
+//We initialize all the variables needed later on server GET Request
+let API_KEY = ""; //API will be provided by user input, we don't store API's on our client-side app's.
+let {game1, game2, game3, game4, game5} = {}; //Variables to initialize empty chart to later be populated by server response.data
+const template = document.createElement("template"); //We load the template that will be used by the WEB-COMPONENTS (for now we have 2, a custom HeaderStreamHatchet and a popupNotify for user interaction)
+
+//Buttons that dynamically change the chart data
+airtimeHours.addEventListener("click", () => {
+    chart1.data.datasets[0].label = 'Airtime-hours';
+    chart1.data.datasets[0].data = [game1.airtime_hours, game2.airtime_hours, game3.airtime_hours, game4.airtime_hours, game5.airtime_hours, ]
+    chart1.update();
+});
+
+maxRank.addEventListener("click", () => {
+    chart1.data.datasets[0].label = 'Max_rank';
+    chart1.data.datasets[0].data = [game1.max_rank, game2.max_rank, game3.max_rank, game4.max_rank, game5.max_rank, ]
+    chart1.update();
+});
+
+averageViewers.addEventListener("click", () => {
+    chart1.data.datasets[0].label = 'Average_viewers';
+    chart1.data.datasets[0].data = [game1.average_viewers, game2.average_viewers, game3.average_viewers, game4.average_viewers, game5.average_viewers, ]
+    chart1.update();
+});
+
+averageChannels.addEventListener("click", () => {
+    chart1.data.datasets[0].label = 'Average_channels';
+    chart1.data.datasets[0].data = [game1.average_channels, game2.average_channels, game3.average_channels, game4.average_channels, game5.average_channels]
+    chart1.update();
+});
+
+//Chart creation with chart.js library -> TODO: Make it a standalone webcomponent as we did with custom header-streamhatchet, this way a constructor() could be setted for future charts.
+//first we fetch de document element for the chart, a canvas inside a div with id #myChart
+const ctx = document.getElementById('myChart');
+//Then we prepare the data set that is going to get passedd to the chart constructor
+const data = {
+    //Instead of using generic labels we put the basic instructions for the user to read
+    labels: [
+        'You need to input a valid api',
+        'to get this working, anyways chart',
+        'animations do work meanwhile, you',
+        'just need to click on {here} or even',
+        '<---{here} if you want to see it.'
+    ],
+    datasets: [{
+        //Label showed on-hover
+        label: 'Input a valid API',
+        //dummy-data for first page load
+        data: [1, 1, 1, 1, 1],
+        backgroundColor: [
+            'rgb(255, 99, 132)',
+            'rgb(54, 162, 235)',
+            'rgb(255, 205, 86)',
+            'rgb(255, 205, 0)',
+            'rgb(255, 0, 86)'
+        ],
+        hoverOffset: 4,
+        //this is the doughnut circumference, we want only half for this chart
+        circumference: 180,
+        //by default the half-doughnut is rotated vertically, we need to adjust it by 90degrees increments (270 in this case)
+        rotation: 270
+    }]
+};
+//We load the initial chart (Axios hasnt fetched data from server, dummy/demo datasets should be provided as goodpractices)
+const chart1 = new Chart(ctx, {
+  type: 'doughnut',
+  data: data,
+  options: {
+      aspectRatio: 1, 
+      plugins: { 
+          tooltip: {enabled:true}, 
+          legend: {display: true}
+      }
+  }
+});
+
+//Server Requests
+//fetch that loads when providing an API through the screen input field + button
+fetchServer.addEventListener("click", () => {
+    
+    //Store the user
+    API_KEY = document.getElementById("apiInput").value;
+    document.getElementById("apiInput").value = "";
+
+    //Only when API provided by user has accepted length we fetch/call the server
+    if ( API_KEY.length == 30 ) {
+      //When the API is valid, we disable GET button and show a button animation
+      document.getElementById("fetchServer").style.display = "none";
+      document.getElementById("buttonload").style.display = "inline-flex";
+
+      axios
+        .get(`https://api.streamhatchet.com/discovery/games/month/2024-01?token=${API_KEY}&sort_by=average_viewers&order=desc&limit=50&offset=0`)
+        .then((response) => {
+          //First things first, after server request is successful we disable API Input element's display
+          document.getElementById("getRequestContainer").style.display = "none";
+          //We store the server response on games const, if we ever want to change the displayed games with a future button
+          const games = response.data.games;
+          game1 = games[0];
+          game2 = games[1];
+          game3 = games[2];
+          game4 = games[3];
+          game5 = games[4];
+        
+          //initial data population for the first server load
+          chart1.data.labels = [game1.game, game2.game, game3.game, game4.game, game5.game]
+          chart1.data.datasets[0].label = 'Airtime-hours';
+          chart1.data.datasets[0].data = [game1.airtime_hours, game2.airtime_hours, game3.airtime_hours, game4.airtime_hours, game5.airtime_hours, ]
+          chart1.update();
+          buttonContainer.style.transform = 'scale(1)';
+        })
+        .catch((error) => {
+          console.log(error);
+          //When the API_KEY is not valid, we enable GET button again
+          document.getElementById("fetchServer").style.display = "inline-flex";
+          document.getElementById("buttonload").style.display = "none";
+        });
+    }else{
+        //Promp a warning indicating wrong input length/type
+        
+    }
+});
diff --git a/sites/streamhatchet_frontendtest/js/popupNotify.js b/sites/streamhatchet_frontendtest/js/popupNotify.js
new file mode 100644
index 0000000..26cadb5
--- /dev/null
+++ b/sites/streamhatchet_frontendtest/js/popupNotify.js
@@ -0,0 +1,82 @@
+//const template = document.createElement("template"); //If more webcomponents use this, remove it and add it to the main js file ONCE.
+template.innerHTML = `
+    <style>
+        .tooltip-container {
+            display: inline-block;
+            position: relative;
+            z-index: 2;
+        }
+        .cancel {
+            display: none;
+        }
+        svg {
+            width: 1em;
+            cursor: pointer;
+        }
+        .notify-container {
+            position: absolute;
+            bottom: 125%;
+            z-index: 9;
+            width: 300px;
+            background: white;
+            box-shadow: 5px 5px 10px rgba(0,0,0,.1);
+            font-size: .8em;
+            border-radius: .5em;
+            padding: 1em;
+            transform: scale(0);
+            transform-origin: bottom left;
+            transition: transform .5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
+        }
+    </style>
+
+    <div class="tooltip-container">
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" class="alert">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.98899 5.30778C10.169 2.90545 12.6404 1.25 15.5 1.25C19.5041 1.25 22.75 4.49594 22.75 8.5C22.75 9.57209 22.5168 10.5918 22.0977 11.5093C21.9883 11.7488 21.967 11.975 22.0156 12.1568L22.143 12.6328C22.5507 14.1566 21.1566 15.5507 19.6328 15.143L19.1568 15.0156C19.0215 14.9794 18.8616 14.982 18.6899 15.0307C18.1798 19.3775 14.4838 22.75 10 22.75C8.65003 22.75 7.36949 22.4438 6.2259 21.8963C5.99951 21.7879 5.7766 21.7659 5.59324 21.815L4.3672 22.143C2.84337 22.5507 1.44927 21.1566 1.857 19.6328L2.18504 18.4068C2.2341 18.2234 2.21211 18.0005 2.10373 17.7741C1.55623 16.6305 1.25 15.35 1.25 14C1.25 9.50945 4.63273 5.80897 8.98899 5.30778ZM10.735 5.28043C15.0598 5.64011 18.4914 9.14511 18.736 13.5016C18.9986 13.4766 19.2714 13.4935 19.5445 13.5666L20.0205 13.694C20.4293 13.8034 20.8034 13.4293 20.694 13.0205L20.5666 12.5445C20.4095 11.9571 20.5119 11.3708 20.7333 10.8861C21.0649 10.1602 21.25 9.35275 21.25 8.5C21.25 5.32436 18.6756 2.75 15.5 2.75C13.5181 2.75 11.7692 3.75284 10.735 5.28043ZM10 6.75C5.99594 6.75 2.75 9.99594 2.75 14C2.75 15.121 3.00392 16.1807 3.45667 17.1264C3.69207 17.6181 3.79079 18.2087 3.63407 18.7945L3.30602 20.0205C3.19664 20.4293 3.57066 20.8034 3.97949 20.694L5.20553 20.3659C5.79126 20.2092 6.38191 20.3079 6.87362 20.5433C7.81932 20.9961 8.87896 21.25 10 21.25C14.0041 21.25 17.25 18.0041 17.25 14C17.25 9.99594 14.0041 6.75 10 6.75Z" fill="#1C274C"/>
+            <path d="M7.5 14C7.5 14.5523 7.05228 15 6.5 15C5.94772 15 5.5 14.5523 5.5 14C5.5 13.4477 5.94772 13 6.5 13C7.05228 13 7.5 13.4477 7.5 14Z" fill="#1C274C"/>
+            <path d="M11 14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44772 13 10 13C10.5523 13 11 13.4477 11 14Z" fill="#1C274C"/>
+            <path d="M14.5 14C14.5 14.5523 14.0523 15 13.5 15C12.9477 15 12.5 14.5523 12.5 14C12.5 13.4477 12.9477 13 13.5 13C14.0523 13 14.5 13.4477 14.5 14Z" fill="#1C274C"/>
+        </svg>
+        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" class="cancel">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.98899 5.30778C10.169 2.90545 12.6404 1.25 15.5 1.25C19.5041 1.25 22.75 4.49594 22.75 8.5C22.75 9.57209 22.5168 10.5918 22.0977 11.5093C21.9883 11.7488 21.967 11.975 22.0156 12.1568L22.143 12.6328C22.5507 14.1566 21.1566 15.5507 19.6328 15.143L19.1568 15.0156C19.0215 14.9794 18.8616 14.982 18.6899 15.0307C18.1798 19.3775 14.4838 22.75 10 22.75C8.65003 22.75 7.36949 22.4438 6.2259 21.8963C5.99951 21.7879 5.7766 21.7659 5.59324 21.815L4.3672 22.143C2.84337 22.5507 1.44927 21.1566 1.857 19.6328L2.18504 18.4068C2.2341 18.2234 2.21211 18.0005 2.10373 17.7741C1.55623 16.6305 1.25 15.35 1.25 14C1.25 9.50945 4.63273 5.80897 8.98899 5.30778ZM10.735 5.28043C15.0598 5.64011 18.4914 9.14511 18.736 13.5016C18.9986 13.4766 19.2714 13.4935 19.5445 13.5666L20.0205 13.694C20.4293 13.8034 20.8034 13.4293 20.694 13.0205L20.5666 12.5445C20.4095 11.9571 20.5119 11.3708 20.7333 10.8861C21.0649 10.1602 21.25 9.35275 21.25 8.5C21.25 5.32436 18.6756 2.75 15.5 2.75C13.5181 2.75 11.7692 3.75284 10.735 5.28043ZM10 6.75C5.99594 6.75 2.75 9.99594 2.75 14C2.75 15.121 3.00392 16.1807 3.45667 17.1264C3.69207 17.6181 3.79079 18.2087 3.63407 18.7945L3.30602 20.0205C3.19664 20.4293 3.57066 20.8034 3.97949 20.694L5.20553 20.3659C5.79126 20.2092 6.38191 20.3079 6.87362 20.5433C7.81932 20.9961 8.87896 21.25 10 21.25C14.0041 21.25 17.25 18.0041 17.25 14C17.25 9.99594 14.0041 6.75 10 6.75Z" fill="#1C274C"/>
+        </svg>
+        <div class="notify-container">
+            <slot name="popupText" />
+        </div>
+    </div>
+`;
+
+class PopupNotify extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({mode: 'open'});
+        this.shadowRoot.appendChild(template.content.cloneNode(true));
+    }
+
+    tooltip(expandState) {
+        const tooltip = this.shadowRoot.querySelector('.notify-container')
+        const alert = this.shadowRoot.querySelector('.alert')
+        const cancel = this.shadowRoot.querySelector('.cancel')
+
+        if(expandState == true) {
+            tooltip.style.transform = 'scale(1)';
+            alert.style.display = 'none';
+            cancel.style.display = 'block';
+            expandState = false;
+        } else{
+            tooltip.style.transform = 'scale(0)';
+            alert.style.display = 'block';
+            cancel.style.display = 'none';
+        }
+    }
+
+    connectedCallback() {
+        this.shadowRoot.querySelector('.alert').addEventListener('click', () => {
+            this.tooltip(true)
+        })
+        this.shadowRoot.querySelector('.cancel').addEventListener('click', () => {
+            this.tooltip(false)
+        })
+    }
+}
+
+window.customElements.define('popup-notify', PopupNotify)
\ No newline at end of file
diff --git a/sites/streamhatchet_frontendtest/readme.md b/sites/streamhatchet_frontendtest/readme.md
new file mode 100644
index 0000000..9e5349a
--- /dev/null
+++ b/sites/streamhatchet_frontendtest/readme.md
@@ -0,0 +1,20 @@
+This repository folder contains the frontend project that I've submitted to the 45 minutes long technical test / interview for the role FrontEnd & UI/UX Developer.
+
+ You can see it here: https://www.charlie.icu/sites/streamhatchet_frontendtest/index.html
+
+Languages used: Javascript, CSS, HTML
+
+Libraries used: 
+    -Chart.js, Chart.css: For chart creation and display
+    -Axios: For server requests
+    -Ajax: For button loading animations
+
+Featured: Custom Webcomponents for "HeaderStreamHatchet" and for "popupInfo" (reusable and UI/UX friendly)
+
+In order to use it, simply load the index.html file and provide the input field with a valid API. 
+
+If you dont have a valid API, demo chart is displayed to interact with it.
+
+Lead engineers interviewing me: Pere & Adrian
+Date: 23/10/2024
+Interview status: ?
\ No newline at end of file