Este é o módulo frontend de uma aplicação Fullstack de gerenciamento de usuários. O projeto foi construído utilizando as funcionalidades mais recentes do Angular, com foco em reatividade moderna através de Signals e uma interface funcional integrada a um backend Spring Boot.
- Angular: Utilizando a nova API de Signals para um gerenciamento de estado reativo, performático e moderno.
- TypeScript: Desenvolvimento orientado a objetos e tipagem forte.
- RxJS & HttpClient: Gerenciamento de fluxos de dados assíncronos e consumo de APIs REST.
- Forms: Utilização de
FormsModulepara vinculação bidirecional de dados (Two-way data binding). - Bootstrap: Interface responsiva e componentes estilizados.
- Listagem Dinâmica: Renderização eficiente da lista de usuários via Signals.
- Fluxo CRUD Completo: Interface para criação, leitura, atualização e exclusão de registros.
- Gerenciamento de Estado Imutável: Uso de
.update()e.map()para garantir que a UI reflita instantaneamente as mudanças do servidor. - Modo de Edição: Alternância inteligente entre estados de cadastro e edição no mesmo componente.
Nota: Este frontend depende do Backend em Spring Boot para funcionar corretamente.
-
Clone o repositório:
git clone https://github.com/cesarbarts/simple-angular-crud.git
-
Instale as dependências (Node.js necessário):
npm install
-
Inicie o servidor de desenvolvimento:
ng serve
-
Acesse a aplicação: Navegue para
http://localhost:4200/.
O projeto segue uma estrutura organizada para facilitar a manutenção:
src/app/models/: Definição da classeUser.src/app/services/: Centralização das chamadas HTTP viaUserService.src/app/components/: Lógica de interface e manipulação dos Signals.
- Implementar validações avançadas nos campos de input.
- Adicionar tratamento global de erros HTTP.
- Implementar Dockerfile para conteinerização.
Desenvolvido por Cesar Buril - Conecte-se comigo no LinkedIn.