O objetivo do projeto leal-to-do-list é ser uma aplicação web que gerencie listas de tarefas de maneira simplificada.
- Criar o repositório no GitHub com a estrutura do Gitflow, ou seja, branches main e develop.
- Usar componentes de algum framework CSS (Bootstrap, Materialize ou outro)
- Apresentar as telas com layout responsivo usando ou não algum framework CSS.
- Construir páginas web com o conceito de componentes.
- Criar o layout da aplicação com componentes, ou seja, o cabeçalho e rodapé precisam ser componentes.
- Usar pelo menos dois tipos de data-binding (Interpolation, Property Binding, Event Binding e Two Way Data Binding).
- Passar dados via hierarquia de componentes, ou seja, usando @Input ou @Output.
- Mapear componentes à rotas no módulo de rotas.
- Criar navegação entre páginas por meio de rotas.
- Passar dados entre componentes que representam diferentes telas via parâmetros de rotas.
- Validar campos do formulário com REGEX e apresentar os erros.
- Desabilitar o botão de submit enquanto o formulário está inválido.
- Fazer requisições a API com tratamento da resposta com Promises ou Observables.
- Cadastrar uma entidade no JSON Server.
- Apresentar uma lista de dados com a diretiva estrutural ngFor.
- Usar a diretiva ngIf
- Formatar a apresentação de dados com Pipes.
- Build e deploy da aplicação.
É necessário ter o Node.js instalado em seu sistema operacional.
- Clone o repositório:
git clone git@github.com:wellfernandes/leal-to-do-list.git
cd leal-to-do-list- Abra o projeto com a IDE de sua preferência e instale todas as dependências necessárias executando o comando:
npm install- Utilizamos um servidor JSON para simular uma API REST, para executá-lo execute o comando:
json-server --watch db.json --routes routes.json- Execute o projeto Angular com o comando:
ng serve --open- Caso o seu navegador não abra automaticamente, acesse o endereço
http://localhost:4200/em seu navegador para visualizar a aplicação executando localmente.
- Caso o comando json-server não seja encontrado pela IDE:
- Abra o terminal e execute o comando e execute o comando como administrador (sudo no Linux ou macOS):
npm install -g json-server- Logo após execute o novamente o comando:
json-server --watch db.json --routes routes.json