Skole projekt

November 2023

Real-Time project management system

Et projekt styring system med sortable drag & drop.

Vi havde et skoleprojekt om at lave en frontend til et projekt styrings projekt. Det skulle indeholde et sortable drag & drop, og evt. en backend hvis havde tid. Vi nåede at lave en hel backend i firebase som opdatere fores hjemmeside i Real-Time når data'en ændre sig i Firebase. Vi lavede også er flot UI design, med Svelte, tailwind og DaisyUI.

Real-Time project management system

01

Real-Time UI opdateringer

Data'en er bygget op om en speciel Svelte store, som er en unik data struktur. Man kan abonnere på den, alle steder i koden og opdatere den med funktioner. Den store at blevet kombineret Firebase's onSnapshot som er en observer funktion som opdateres automatisk når data'en i Firestore databasen ændre sig. Så firebase data'en opdateres automatisk og opdatere den Svelte store som opdatere UI'et

Real-Time UI opdateringer

Kenni-kollemorten.dk © All rights reaerved