Portfolio showcase: projecten met uitdaging, oplossing en tech stack

Wat is er veranderd?

De bestaande projectpagina is volledig omgebouwd naar een professionele portfolio showcase. In plaats van een eenvoudige lijst met titels en een korte beschrijving toont elke projectkaart nu:

• Een duidelijke uitdaging en oplossing — zodat bezoekers direct begrijpen wat er speelde en hoe dat is aangepakt
• Tech-stack badges — compacte labels met de gebruikte technologieën (bijv. PHP, Symfony, Bootstrap)
• Directe links naar de live omgeving én de GitHub-repository van het project
• Een responsieve gridindeling die op brede schermen twee projecten naast elkaar toont

Onderaan de pagina staat een zichtbare call-to-action waarmee hiring managers of potentiële klanten direct een e-mail kunnen sturen of doorklikken naar het teamoverzicht.

Waarom?

Een portfolio is meer dan een lijst projecten. Bezoekers — denk aan hiring managers of potentiële opdrachtgevers — willen snel inschatten of de aanpak en expertise bij hun behoefte past. Door de uitdaging en oplossing expliciet te benoemen en de gebruikte technologieën visueel te labelen, wordt die beoordeling veel eenvoudiger.

Technische details

• Project-model uitgebreid met liveUrl (nullable string) en techStack (array van strings)
• ProjectService parst de nieuwe front-matter velden live_url en tech_stack (kommagescheiden)
• Template herschreven met Bootstrap-grid (.col-lg-6), tech-badge component en CTA-sectie
• CSS aangevuld met stijlen voor .tech-badge, .project-card__links, .portfolio-cta en verwante elementen
• Bestaande projectbestanden bijgewerkt; drie nieuwe projecten toegevoegd zodat het portfolio minimaal vijf entries bevat

Feature toggle

De portfolio showcase valt onder dezelfde feature toggle als voorheen: feature_project_list. Standaard staat deze uit. Zet de omgevingsvariabele FEATURE_PROJECT_LIST op true om de pagina en het navigatie-item te activeren.