How gabrielbandoch/archiflow works
ArchiFlow is an Angular frontend for architecture-project management. Staff enter through the guarded application routes to manage projects, leads, clients, and project templates; the documented commercial workflow includes converting leads into clients. Clients use a separate guarded portal to follow project stages, view documents, and reach support. Domain screens call HTTP services that communicate with the backend; sampled client-editing code also consults ViaCEP. The tree and excerpts establish these modules, but do not show all screen-to-service wiring, so uncertain links are omitted.
Main entry points: app.routes.ts Route access · portal-cliente.component.ts Client portal · detalhes-cliente.component.ts Client details · cliente.service.ts Client API
Components 29
Application shell
- App root
src/app/app.component.ts - Route access
src/app/app.routes.ts - Login screen
src/app/components/autenticacao/login/login.component.ts - Staff layout
src/app/layout/main-layout/main-layout.component.ts - Portal layout
src/app/layout/portal-layout/portal-layout.component.ts
Commercial management
- Lead pipeline
src/app/components/leads/leads.component.ts - Lead sources
src/app/components/leads/origens-lead/origens-lead.component.ts - Lead conversion
src/app/dialogs/leads/conversao-lead-modal/conversao-lead-modal.component.ts - Client list
src/app/components/clientes/lista-clientes/lista-clientes.component.ts - Client details
src/app/components/clientes/detalhes-cliente/detalhes-cliente.component.ts - Edit client
src/app/dialogs/clientes/editar-cliente-modal/editar-cliente-modal.component.ts
Projects and portal
- Project list
src/app/components/projetos/lista-projetos/lista-projetos.component.ts - Project details
src/app/components/projetos/detalhes-projeto/detalhes-projeto.component.ts - Project templates
src/app/components/configuracoes/templates-projeto/templates-projeto.component.ts - Client portal
src/app/components/portal/portal-cliente/portal-cliente.component.ts - Project timeline
src/app/components/portal/portal-timeline/portal-timeline.component.ts - Project documents
src/app/components/portal/portal-documentos/portal-documentos.component.ts - Client support
src/app/components/portal/portal-suporte/portal-suporte.component.ts
Services and APIs
- Authentication
src/app/core/services/auth.service.ts - Authentication API
src/app/core/api/auth/autenticacao.service.ts - Client API
src/app/core/api/clientes/cliente.service.ts - Lead API
src/app/core/api/leads/lead.service.ts - Project API
src/app/core/api/projetos/projeto.service.ts - File API
src/app/core/api/projetos/arquivo.service.ts - Address lookup
src/app/core/services/via-cep.service.ts
Other components
- Staff user
- Client user
- Backend API
- ViaCEP service
Connections 34
- App root → Route access: hosts routes
- Staff user → Route access: opens staff routes
- Client user → Route access: opens portal routes
- Route access → Login screen: loads login
- Route access → Staff layout: loads staff shell
- Route access → Portal layout: loads portal shell
- Route access → Project list: loads projects
- Route access → Project details: loads project
- Route access → Lead pipeline: loads leads
- Route access → Lead sources: loads sources
- Route access → Client list: loads clients
- Route access → Client details: loads client
- Route access → Project templates: loads templates
- Route access → Client portal: loads portal
- Authentication → Authentication API: calls login
- Authentication API → Backend API: sends requests
- Client list → Client API: loads and updates
- Client details → Client API: reads and updates
- Client details → Lead API: loads lead history
- Client details → Project API: loads projects
- Client details → Edit client: opens editor
- Edit client → Client API: updates client
- Edit client → Address lookup: looks up address
- Address lookup → ViaCEP service: queries address
- Client API → Backend API: sends requests
- Lead API → Backend API: sends requests
- Project API → Backend API: sends requests
- Client portal → Project API: loads project
- Client portal → File API: loads documents
- Client portal → Client API: loads client name
- Client portal → Project timeline: renders stages
- Client portal → Project documents: renders files
- Client portal → Client support: renders support
- File API → Backend API: sends requests