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
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.
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.
Dit project is gemaakt met Node, Express, EJS. Voor de grafieken maak ik gebruik van chart.js.
- 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
- VS code
- render
- Express
- Node
- CSS, JS (chart.js)
- Dotenv
- EJS
This project is licensed under the terms of the MIT license.