Task Manager
Uppgiftshanterare i Angular som lagrar data i LocalStorage; framtagen som inlämningsprojekt på Företagsuniversitetet och hostad på Netlify.
Min roll: Ensam utvecklare – skolprojekt på Företagsuniversitetet
2025
Teknikstack
Angular · TypeScript · LocalStorage · Netlify
Problem / Kontext
Som en utvecklare som kom från React behövde jag lära mig Angulars konventioner — moduler, tjänster, DI — genom att bygga en riktig CRUD-applikation från grunden.
Mål
- Lär dig Angulars komponent- och tjänstarkitektur praktiskt
- Implementera fullständig CRUD-uppgiftshantering med TypeScript
- Bevara data utan en backend med localStorage
- Distribuera offentligt för portfolioanvändning
Utmaningar
- Anpassa sig från Reacts enkelriktade dataflöde till Angulars tvåvägsbindning
- Förstå Angulars modulsystem och beroendeinjektion från grunden
- Hålla tjänstlagret rent och testbart
Viktiga tekniska beslut
- Angular-tjänster för all affärslogik – komponenter hålls tunna
- TypeScript-gränssnitt för uppgiftsmodeller, förhindrar runtime-typfel
- localStorage-serialisering/-deserialisering hanteras i en dedikerad tjänst
Resultat / Effekt
- Funktionell uppgiftshanterare live på en offentlig URL
- Demonstrerade flexibilitet över ramverk (React → Angular)
- Djupare förståelse för Angulars åsiktsstarka arkitektur
Vad jag skulle förbättra härnäst
- Lägg till användarautentisering och per-användar-uppgiftslagring
- Introducera en riktig backend (Node.js / .NET) för att ersätta localStorage
- Lägg till drag-och-släpp för omordning av uppgifter med Angular CDK