Op deze pagina zie je een werkend prototype waarin de onderdelen uit de vorige hoofdstukken – JSONBin en Firebase – zijn samengebracht.

In dit voorbeeld worden de gegevens uit een database opgehaald en weergegeven in de webapp. Alleen gebruikers die eerst inloggen, krijgen toegang tot deze gegevens. Daarmee heb je nu een complete omgeving die bestaat uit twee delen:

• De database waarin de records veilig zijn opgeslagen.
• De beveiliging met Firebase, zodat alleen geregistreerde gebruikers toegang krijgen.

Het doel van dit prototype is om te laten zien hoe de losse scripts samen een functioneel geheel vormen. Jullie opdracht is om deze basiscode zo aan te passen dat de gegevens uit jullie eigen onderzoek naar AI en studiekeuze worden verwerkt.

Dat betekent:

• De records in de database vullen met jullie eigen onderzoeksresultaten.
• De weergave in de webapp uitbreiden en verfraaien, zodat de informatie overzichtelijk en aantrekkelijk wordt gepresenteerd.
• Extra functionaliteit toevoegen, zoals filters, icoontjes of grafieken, afhankelijk van de keuzes die jullie maken.

Kortom: dit voorbeeld is een startpunt. Het is de bedoeling dat jullie het script doorontwikkelen tot een volwaardige applicatie die de inhoud van jullie onderzoek inzichtelijk en gebruiksvriendelijk presenteert.