Este repositório contém o código de uma aplicação simples e funcional de lista de tarefas (To-Do List). O projeto foi desenvolvido com foco na manipulação do DOM e na interatividade do usuário, utilizando apenas HTML, CSS e JavaScript puro + refatoracao para TypeScript. É uma demonstração prática de como gerenciar um estado de aplicação, interagir com o armazenamento local do navegador e renderizar elementos dinamicamente.

• -> Clique aqui <-

A aplicação de lista de tarefas inclui as seguintes funcionalidades:

• Adicionar Tarefas: Campo de entrada para adicionar novas tarefas à lista de forma rápida.
• Marcar como Concluída: Marque e desmarque tarefas com um clique, aplicando um estilo visual para diferenciá-las.
• Remover Tarefas: Exclua tarefas da lista com um botão de remoção individual.
• Filtragem de Tarefas: Visualize todas as tarefas, apenas as ativas ou apenas as concluídas.
• Persistência de Dados: As tarefas são salvas no localStorage do navegador, garantindo que elas não sejam perdidas ao recarregar a página.
• Design Responsivo : A estrutura HTML e o código JavaScript são flexíveis e prontos para serem estilizados com um layout responsivo.

Este projeto foi construído utilizando as tecnologias fundamentais do desenvolvimento front-end:

• HTML5: Para a estrutura semântica do conteúdo da aplicação.
• CSS3: Para o design, layout e a aparência visual dos componentes.
• JavaScript: Para toda a lógica da aplicação, interatividade, manipulação do DOM e gerenciamento do estado das tarefas.

Para executar o projeto na sua máquina, não é necessário um servidor ou dependências complexas. Basta seguir os passos abaixo:

1. Clone o repositório (ou simplesmente salve o código JavaScript em um arquivo, por exemplo script.js).

   git clone https://github.com/TheRazorbill/app-produtividade.git

2. Navegue até o diretório do projeto:

   cd https://github.com/TheRazorbill/app-produtividade

3. Crie um arquivo index.html e adicione o código JavaScript (ou vincule o arquivo .js).

4. Abra o arquivo index.html no seu navegador de preferência para começar a usar a aplicação.