To-Do List

Este é um projeto de lista de tarefas interativa (To-Do List) desenvolvido com JavaScript. Ele permite que os usuários adicionem, editem, removam, marquem tarefas como concluídas, filtrem e pesquisem tarefas. O projeto também oferece a funcionalidade de alterar a cor de fundo da página e das tarefas concluídas, com dados persistidos usando localStorage.

Funcionalidades

• Adicionar Tarefas: O usuário pode adicionar novas tarefas à lista.
• Editar Tarefas: As tarefas podem ser editadas após serem criadas.
• Remover Tarefas: O usuário pode remover tarefas da lista.
• Marcar como Concluída: As tarefas concluídas mudam de estilo e são destacadas.
• Pesquisar Tarefas: O usuário pode pesquisar tarefas pelo título.
• Filtrar Tarefas: O projeto permite filtrar as tarefas por "Todos", "Feitos" ou "A fazer".
• Alterar Cor de Fundo: O usuário pode escolher a cor de fundo da página e das tarefas concluídas.
• Persistência de Dados: Todos os dados (tarefas, status de conclusão e cor de fundo) são armazenados no localStorage, garantindo que as informações sejam preservadas mesmo após recarregar a página.

Tecnologias Utilizadas

• HTML5
• CSS3
• JavaScript
• Font Awesome (para ícones)

Como Usar

1. Clone o repositório ou baixe os arquivos.
2. Abra o arquivo index.html no seu navegador.
3. Comece a adicionar tarefas à lista.
4. Use os botões para editar, remover ou marcar tarefas como concluídas.
5. Use o campo de pesquisa para filtrar tarefas e o seletor de cor para mudar o fundo da página.

---

English Version

Features

• Add Tasks: Users can add new tasks to the list.
• Edit Tasks: Tasks can be edited after they are created.
• Remove Tasks: Users can remove tasks from the list.
• Mark as Completed: Completed tasks change their style and are highlighted.
• Search Tasks: Users can search for tasks by title.
• Filter Tasks: The project allows filtering tasks by "All", "Completed", or "To Do".
• Change Background Color: Users can choose a background color for the page and completed tasks.
• Data Persistence: All data (tasks, completion status, and background color) is stored in localStorage, ensuring information is retained even after reloading the page.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Font Awesome (for icons)

How to Use

1. Clone the repository or download the files.
2. Open the index.html file in your browser.
3. Start adding tasks to the list.
4. Use the buttons to edit, remove, or mark tasks as completed.
5. Use the search field to filter tasks, and the color selector to change the page background.