Task Manager
Task manager in Angular that stores data in LocalStorage; created as a project at Företagsuniversitetet and hosted on Netlify.
My Role: Solo Developer – school project at Företagsuniversitetet
2025
Tech Stack
Angular · TypeScript · LocalStorage · Netlify
Problem / Context
As a developer coming from React, I needed to learn Angular's conventions — modules, services, DI — by building a real CRUD application from scratch.
Goals
- Learn Angular's component and service architecture hands-on
- Implement full CRUD task management with TypeScript
- Persist data without a backend using localStorage
- Deploy publicly for portfolio use
Challenges
- Adapting from React's unidirectional data flow to Angular's two-way binding
- Understanding Angular's module system and dependency injection from scratch
- Keeping the service layer clean and testable
Key Technical Decisions
- Angular services for all business logic – components stay thin
- TypeScript interfaces for task models, preventing runtime type errors
- localStorage serialisation/deserialisation handled in a dedicated service
Results / Impact
- Functional task manager live at a public URL
- Demonstrated cross-framework adaptability (React → Angular)
- Deeper understanding of Angular's opinionated architecture
What I Would Improve Next
- Add user authentication and per-user task storage
- Introduce a real backend (Node.js / .NET) to replace localStorage
- Add drag-and-drop task reordering with Angular CDK