How git-x0/live-task-manager works
LiveTaskManager is a browser-based task manager with Angular server-side rendering. The main user flow enters the application shell and reaches the task-manager component, which manages tasks and related features in browser state. Separate browser and server bootstraps configure routing and rendering; the Express server handles requests through Angular’s SSR engine. The excerpts show task creation, filtering, categories, deadlines, reordering, themes, and import/export, but not the complete UI template or every task operation.
Main entry points: task-manager.ts Task manager · app.ts Application shell · main.ts Browser bootstrap · app.config.server.ts Server configuration
Components 13
Application runtime
- Browser bootstrap
src/main.ts - Browser configuration
src/app/app.config.ts - Client routes
src/app/app.routes.ts - Application shell
src/app/app.ts
Task management
- Task manager
src/app/task-manager/task-manager.ts
Server rendering
- Server bootstrap
src/main.server.ts - Server configuration
src/app/app.config.server.ts - Prerender routes
src/app/app.routes.server.ts - Express SSR server
src/server.ts
Other components
- Browser user
- Browser local storage
- Local files
- HTTP client
Connections 14
- Browser user → Browser bootstrap: opens app
src/main.ts - Browser bootstrap → Application shell: bootstraps
src/main.ts - Browser bootstrap → Browser configuration: uses config
src/main.ts - Browser configuration → Client routes: provides routes
src/app/app.config.ts - Application shell → Task manager: imports
src/app/app.ts - Task manager → Browser local storage: reads and writes
src/app/task-manager/task-manager.ts - Browser user → Task manager: manages tasks
- Task manager → Local files: imports and exports
src/app/task-manager/task-manager.ts - Server bootstrap → Application shell: bootstraps
src/main.server.ts - Server bootstrap → Server configuration: uses config
src/main.server.ts - Server configuration → Browser configuration: merges config
src/app/app.config.server.ts - Server configuration → Prerender routes: configures routes
src/app/app.config.server.ts - HTTP client → Express SSR server: sends requests
- Express SSR server → Application shell: renders app
src/server.ts