Projeto - To-Do List

Este projeto é uma aplicação simples de lista de tarefas, desenvolvido em HTML, CSS e JavaScript. Ele permite adicionar, marcar como concluída e remover tarefas, com funcionalidades de ordenação crescente e decrescente. A aplicação também possui um design responsivo, proporcionando boa experiência em dispositivos móveis.

---

Funcionalidades Principais

1. Adicionar Tarefas:

   • O usuário pode inserir novas tarefas no campo de texto e adicioná-las à lista.

2. Marcar Tarefas como Concluídas:

   • O usuário pode marcar tarefas como concluídas utilizando um checkbox, que aplica um risco sobre o texto da tarefa.

3. Remover Tarefas:

   • O usuário pode remover tarefas da lista clicando no ícone de lixo ao lado de cada tarefa.

4. Ordenação das Tarefas:

   • O usuário pode ordenar a lista de tarefas em ordem crescente ou decrescente.

5. Limpar Lista:

   • O usuário pode limpar toda a lista de tarefas com um único clique.

6. Design Responsivo:

   • A interface ajusta-se automaticamente para diferentes tamanhos de tela, garantindo boa experiência de uso em dispositivos móveis.

---

Estrutura do Código

Arquivos e Suas Responsabilidades

• index.html

  • Estrutura da aplicação, incluindo os campos de entrada, botões e a lista de tarefas.

• style.css

  • Estilização geral da aplicação, incluindo cores, fontes e layout.
  • Inclui design responsivo para telas menores.

• media-760.css

  • Estilos específicos para telas com largura de até 760px.

• app.js

  • Lógica principal da aplicação, incluindo:
    • Adição de tarefas à lista.
    • Marcação de tarefas como concluídas.
    • Remoção de tarefas da lista.
    • Ordenação da lista.
    • Limpeza da lista.

---

Como Executar o Projeto

1. Clone o repositório.

2. Abra o arquivo index.html no navegador.

3. Use a aplicação:

   • Adicione novas tarefas no campo de entrada.
   • Marque tarefas como concluídas clicando no checkbox.
   • Remova tarefas clicando no ícone de lixo.
   • Ordene as tarefas clicando nos botões de ordenação.
   • Limpe a lista clicando no botão "Limpar Lista".

---

Tecnologias Utilizadas

• HTML5: Estruturação do conteúdo da aplicação.
• CSS3: Estilização e design responsivo.
• JavaScript (ES6): Lógica da aplicação e manipulação do DOM.

---

Autor

Lucas Degrande

Página

https://degrandelucas.github.io/To-Do-List/