Mostafa Nasar

tools

HTML

CSS

JavaScript

PHP

Docker

Projectbeschrijving

In samenwerking met mijn team heb ik een interactieve website ontwikkeld voor de Sustainable Development Goals (SDG's) van de NVVN. Het doel van deze website is om bewustzijn te creëren over de SDG's en bezoekers te inspireren om actie te ondernemen. Bij binnenkomst worden drie verschillende SDG's weergegeven die willekeurig veranderen bij het vernieuwen van de pagina. Dit zorgt voor een dynamische gebruikerservaring.

Live website GitHub

Hoofdinhoud

Dynamische SDG-weergave

Bij het laden van de website verschijnen er drie willekeurige SDG's, die elke keer veranderen wanneer de pagina wordt vernieuwd.

Hoofdinhoud

Call-to-Action (CTA)

Een duidelijke knop die bezoekers uitnodigt om deel te nemen aan een SDG-spel. Dit spel is al ontwikkeld en biedt een leuke manier om meer te leren over de SDG's.

Hoofdinhoud

Informatieblokken

Er zijn drie blokken die informatie geven over wat de SDG's zijn, met links naar alle SDG's en het spel.

Hoofdinhoud

Detailpagina's voor SDG's

Wanneer een gebruiker op een specifieke SDG klikt, wordt hij/zij naar een pagina geleid met uitgebreide informatie over die SDG, inclusief wat het inhoudt en hoe men kan bijdragen.

Uitdagingen

Dit project was mijn eerste ervaring met PHP en Docker. Het leren werken met deze technologieën was een uitdaging, maar ik heb veel geleerd over server-side scripting en het opzetten van een containeromgeving. Het integreren van de database met PHP vergde ook enige tijd, maar door uitgebreid te experimenteren en hulpbronnen te raadplegen, kon ik het succesvol implementeren.

Reflectie

Dit project heeft mijn begrip van webontwikkeling aanzienlijk vergroot. Ik heb geleerd hoe belangrijk het is om een duidelijke structuur en organisatie te hebben bij het bouwen van een webapplicatie. De ervaring met PHP en Docker zal me zeker helpen bij toekomstige projecten, en ik ben trots op wat we als team hebben bereikt.