Bieb in Bloei 🌱

Bieb in Bloei is een digitaal platform met daarop een overzicht van de duurzame projecten van de Buurtcampus Oost.

Team Sprint 8
Ties, Saif, Nadira, Kerem, Nayome, Sascha

Release Candidate
Live site

Studentenwerk Sprint 5: Fix The Flow

Amber	repository	live site
Clarice	repository	live site
Kim	repository	live site
Ole	repository	live site
Anouar	repository	live site
Anouk	repository	live site
Miel	repository	live site
Sidney	repository	live site

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.

Het Team

• Nazneen (Teamlead)
• Rutger
• Larissa
• Anne
• Wing San

Beschrijving

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. Uiteindelijk hebben wij Harry de mascotte geïmplementeerd:

• Mascotte Harry: geeft op een speelse manier tips over de verzorging van de stekjes en zaadjes.

Verbeteringen

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 goede user feedback, pleasurable user experience, etc.

Visual

• Livelink

Kenmerken

Dit project is opgezet met Sveltekit gecombineerd met het headless CMS Hygraph. In dit project hebben wij gewerkt met componenten in een Atomic mappenstructuur.

Installatie

1. Clone dit project via github desktop of met git clone https://github.com/fdnd-agency/buurtcampus-oost.git in de terminal
2. Open dit project in je editor
3. Run npm install in de terminal
4. Run npm run dev in de terminal
5. Open de link op de localhost.

Om de build versie van de website te bekijken run je npm run build in plaats van npm run dev, en vervolgens npm run preview.

Resources

• Live site
• Minor 1 @CMD
• Experiment Minor Web
• Hygraph
• Sveltekit
• Project board