Plantboden

Målet med projektet:

Målet med Plantboden var att skapa en personlig men skalbar webbapplikation för att organisera fröer, plantor och odlingsinformation på ett strukturerat och visuellt sätt. Fokus låg på filtrering, överskådlighet och användarvänlighet, med ambitionen att på sikt kunna erbjuda lösningen till andra trädgårdsintresserade.

Min erfarenhet:

I projektet har jag arbetat fullstack med Vue och en Vite-baserad backend. Jag har byggt ett dynamiskt gränssnitt med avancerad filtrering och sortering, modaler för detaljerad växtinformation samt flera innehållstyper såsom artiklar, kategorisidor och kalendervyer. Datat hämtas från MongoDB (Atlas) och bilduppladdning hanteras via Cloudinary. Projektet har gett mig praktisk erfarenhet av datamodellering, state-hantering och att bygga funktionalitet som är anpassad för verkliga användarbehov.

Resultat:

Resultatet är en funktionell och innehållsrik webbapplikation där användaren kan få full kontroll över sina fröer och plantor. Sidan erbjuder filtrering på egenskaper som färg, såmetod och sorter, detaljerade växtbeskrivningar, artiklar, en odlingskalender samt visuella vyer för trädgårdsplanering och inspiration. Grunden är lagd för att i framtiden möjliggöra personliga konton och individualiserat innehåll för fler användare.

Teknik & ramverk:

Vue.js – frontend-ramverk för att bygga det interaktiva gränssnittet Vite – utvecklingsmiljö och build-tool för snabb och modern frontend-utveckling Node.js – backend-miljö för serverlogik Express – API och serverstruktur

Databas & backend MongoDB Atlas – molnbaserad NoSQL-databas för lagring av fröer, plantor, artiklar och metadata REST API – för kommunikation mellan frontend och backend

Bilder & media Cloudinary – hantering och uppladdning av bilder

UI / UX & design Figma – design, struktur, layout och visuellt arbete Design system – färger, typografi, spacing och komponenttänk

Funktionalitet Avancerad filtrering och sortering av data Modaler / pop-ups för detaljerad växtinformation Kalenderlogik baserad på sådatum och sista frost Dynamiska kategorisidor Visuell trädgårdsöversikt Bilduppladdning och galleri

Övrigt Git / versionshantering Responsivt tänk och mobilanpassningsprinciper