Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

Fresk. Digital

Ik heb voor fresk.digital een overzicht gemaakt waar ze data kunnen bekijken van Google analytics. Ik heb een inlog-page, preface-page en een dashboard-page gemaakt.

Beschrijving

Vanuit de login-page kom je terecht bij de preface-page. Hierop is een preview van de data te zien, een uitgebreidere versie van deze data staat op de dashboard-page. Op de preface-page en dashboard-page zijn verschillende grafieken te zien die data tonen van Users. Ik heb de styleguide van fresk.digital geimplimenteerd in mijn design.

Inhoudsopgave

• Beschrijving
• Kenmerken
• Installatie
• Tools

Kenmerken

Dit project is gemaakt met Node, Express, EJS. Voor de grafieken maak ik gebruik van chart.js.

Installatie

• npm install dotenv;
• Create a .env file in the root of your project (add the key in the .env file);
• Import and configure Dotenv (add this code in server.js -> import dotenv from "dotenv";dotenv.config());
• Add parsing.
• Daarna heb ik een het API QuickStart stappenplan gevolgd.
• Stap 1 en 2 zijn al gedaan dus die kon ik overslaan;

Configure authentication

• Voeg credential file toe (+ zet deze in de gitignore file)
• Add this line in the terminal (export GOOGLE_APPLICATION_CREDENTIALS="/credentials.json" -> example)
• Install the client library

Om dat te doen heb ik dit stappenplan gevolgd.

• Maak een bestand aan 'index.js';
• Voeg de code toe die in het voorbeeld staat;
• Terug naar Configure autentication stappenplan;
• Bovenaan het bestand moet je het propertyID toevoegen

Tools

• VS code
• render

Gebruikte technieken

• Express
• Node
• CSS, JS (chart.js)
• Dotenv
• EJS

Licentie

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