🚀 Capítulo 20: Projeto Final Integrado
🎯 Objetivo da Aula
Chegou a hora de colocar à prova tudo o que você aprendeu! Neste capítulo final, você não terá um exemplo guiado passo a passo. O seu desafio será construir uma aplicação completa integrando todos os conceitos vistos ao longo do curso.
🏢 O Cenário Prático (Seu Desafio)
A Aliança Rebelde precisa de um sistema completo de gestão para a frota. Você foi encarregado de construir o Sistema de Comando da Millenium Falcon. Este sistema deve integrar tudo o que vimos!
🛠️ Requisitos do Projeto
Sua aplicação deve conter, no mínimo, as seguintes funcionalidades:
1. Sistema de Rotas (Capítulos 14 e 15)
- Crie pelo menos 3 páginas (rotas):
/painel: A tela principal com os status da nave./tripulacao: Um formulário para cadastrar novos tripulantes./galaxia: Uma lista de planetas reais.
2. Gerenciamento de Estado com Signals (Capítulo 18)
- No
/painel, crie um signal para a quantidade de combustível. - Crie um botão para simular o gasto de combustível.
- Use um
computedpara mostrar um alerta visual se o combustível estiver abaixo de 10%.
3. Conexão com API (Capítulo 13)
- Na rota
/galaxia, use oHttpClientpara buscar a lista de planetas da APIhttps://swapi.dev/api/planets/e exiba-os em uma lista na tela.
4. Formulários (Capítulo 10 ou 11)
- Na rota
/tripulacao, crie um formulário para cadastrar o nome e a função do tripulante. - O formulário deve ter validação (não pode enviar vazio).
- Ao enviar, mostre os dados em um
alert()ou no console.
🕹️ Como Executar e Validar seu Projeto
- Certifique-se de que não há erros no console do navegador.
- Teste a navegação entre as páginas.
- Teste se o botão de combustível atualiza a tela instantaneamente.
📤 Instruções de Entrega Final
- Garanta que todos os arquivos estão salvos.
- Faça o commit final no GitHub Desktop com a mensagem
Projeto Final Concluído. - Dê o Push origin para enviar tudo para o seu GitHub público.
- Envie o link do repositório na tarefa do Microsoft Teams correspondente ao Projeto Final.
💡 Mensagem Final
Parabéns, Padawan! Você trilhou o caminho do Angular e agora está pronto para construir aplicações reais e profissionais. Que a Força esteja com você em seus próximos projetos! 🌌