Bieb in Bloei is een digitaal platform met daarop een overzicht van de duurzame projecten van de Buurtcampus Oost.
De Buurtcampus is een dynamische, laagdrempelige plek waar iedereen zich welkom en uitgenodigd voelt om kennis op te doen, te ontwikkelen en te delen. Met als doel: samen de buurt duurzamer, gezonder en inclusiever maken. Bij de buurtcampus draaien verschillende duurzame projecten; De Stekjes bieb, De Zadenbieb en de Geveltuin.. en er komen binnenkort nog meer duurzame projecten bij. Op het platform Bieb in Bloei krijgen deze projecten een gezicht.
Wij hebben de opdracht gekregen om de huidige live bieb-in-bloei website te optimaliseren en te verrijken. Eerder hebben een aantal CMD minor studenten een eigen versie van de bieb-in-bloei website ontwikkelt. Hierin hebben zij geëxperimenteerd met een weather API. Ook hebben ze concepten bedacht als een seizoensthema en mascotte Harry. Het was aan ons de taak om deze concepten in de live bieb-in-bloei website te integreren.
- weather API: de mood van de website past zich aan aan het weer buiten.
- mascotte Harry: geeft op een speelse manier tips over de verzorging van de stekjes en zaadjes.
- accessibility menu: een menu waar je als gebruiker de mogelijkheid hebt om darkmode, grotere letters of vertaling toe te passen.
Om de website publicatiegereed te maken hebben wij een projectplan opgesteld, opgedeeld in must haves, should haves & could haves. Voorbeelden van verbeteringen die we hebben doorgevoerd:
- Responsiveness verbeteren, optimaliseren en bugs oplossen
- Contrastchecks doen, en deze verbeteren waar nodig
- Verbeteringen en optimalisatie op componentbasis, zoals container queries
Dit project is opgezet met Sveltekit en met de headless CMS Hygraph. In dit project hebben gewerkt met componenten in Sveltekit.
- Clone dit project
- Open dit project in je editor
- Run
npm installin de terminal - Run
npm run devin de terminal - Open de link op de localhost.
Minor 1 @CMD
Live site
Experiment Minor Web
Hygraph
Sveltekit
Project board