Projeto Kanban - Angular + NestJS #479
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Implementar um Kanban básico com criação de colunas e cards, utilizando:
Angular no frontend (client side).
NestJS no backend (server side).
Seguindo boas práticas de organização, semântica e documentação.
Frontend (Angular)
AppComponent: componente raiz.
ColumnsComponent: responsável por listar e adicionar colunas.
ColumnsService: comunicação com o backend via HttpClient.
Uso de FormsModule para formulários e *ngFor para renderização dinâmica.
Estilização básica em CSS para inputs, botões e lista de colunas.
ColumnsController: endpoints REST para listar e criar colunas.
ColumnsService: lógica de negócio para manipular colunas.
Estrutura modular seguindo convenções do NestJS.
API rodando em http://localhost:3000/columns.
Diferença entre Standalone vs AppModule no Angular: confusão inicial gerando erros de compilação.
Erros com o selector até ajustar corretamente o selector e as declarações.
Integração Angular + NestJS: configurar HttpClientModule e garantir comunicação entre frontend e backend.
Problemas de imports: aprendemos que imports só podem ser usados em standalone components, não em componentes declarados em AppModule.
Estruturei o projeto com componentes, serviços e módulos.
Integrei o frontend Angular com o backend NestJS via HTTP.
Aprendi na prática a diferença entre standalone components e o modelo clássico com AppModule.
Implementei um fluxo básico de criação e listagem de colunas.
Ganhei experiência em resolver erros reais do Angular e entender melhor o ciclo de vida dos componentes.
Mesmo sem entregar 100% funcionando, o projeto mostra evolução, aprendizado e capacidade de lidar com problemas.
Obrigada pela oportunidade de participar do desafio!
Mesmo sem estar 100% completo e só com meus conhecimentos básicos, foi uma experiência uma conquista pessoal, estou ainda mais animada para continuar crescendo na área de desenvolvimento e enfrentar novos desafios.