Projeto Lista de Tarefas em Angular 📝

Agosto/2024

Bem-vindo ao repositório do meu primeiro projeto Angular! Nesta aplicação você poderá criar, editar e gerenciar suas tarefas diárias de maneira eficiente.

Habilidades:

• Desenvolvimento de uma página para criação de uma lista de tarefas usando Angular, HTML, CSS e TypeScript.

Funcionalidade:

• Ao utilizar a página, o usuário poderá realizar a criação de uma lista de tarefas;
• É possível marcar ou desmarcar as tarefas concluídas;
• É possível remover tarefas através do botão de "lixeira" ao lado de cada tarefa;
• É possível remover todos os itens da lista através do botão CLEAR ALL;
• É possível remover os itens concluídos da lista através do botão CLEAR COMPLETED TASKS;
• É possível alternar a visualização de itens concluídos através do botão HIDE COMPLETED TASKS e SHOW COMPLETED TASKS
• As tarefas listadas são armazenadas no local storage.

Pré-requisitos para rodar o projeto localmente:

Antes de começar, certifique-se de ter instalado em seu sistema:

• Node.js e npm: Necessários para executar e gerenciar dependências do projeto.
• Angular CLI: Você pode instalá-lo globalmente usando o comando: npm install -g @angular/cli

Configuração do projeto:

Clone este repositório para o seu sistema local:

git clone [email protected]:seu-usuario/TO-List-Agular.git

Navegue até o diretório do projeto:

cd todo-list-angular

Instale as dependências:

npm install

Inicie o servidor:

ng serve

Estrutura do projeto

src/app/app.component.html: Template HTML principal.

src/app/app-routing.module.ts: Define as rotas da aplicação.

src/app/layout: Contém os componentes gerais da aplicação.

src/app/todo: Contém os componentes relacionados à funcionalidade principal da lista de tarefas.

src/app/shared/services: Contém os serviços que gerenciam a lógica de negócios.

src/app/shared/models: Define as estruturas de dados utilizadas na aplicação.

Projeto desenvolvido por: Gabriel Fernandes de Carvalho