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.
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