/To-Do-List

Primary LanguageCSS

To-Do List

Visão Geral

O To-Do List é um aplicativo simples e intuitivo para gerenciamento de tarefas. Com ele, você pode adicionar, marcar como concluídas e remover tarefas de maneira rápida e prática. O aplicativo possui uma interface amigável, tornando o processo de organização pessoal mais eficiente e acessível.

Funcionalidades

  • Adicionar Tarefas: Insira novas tarefas na lista de maneira fácil, digitando o texto e clicando no botão "Add".
  • Marcar Tarefas como Concluídas: Clique nas tarefas para marcá-las como concluídas. Elas serão riscadas para indicar que foram finalizadas.
  • Remover Tarefas: Remova tarefas indesejadas ou concluídas da lista.
  • Interface Simples e Intuitiva: Um design limpo e fácil de navegar, facilitando o gerenciamento diário das suas atividades.

Tecnologias Utilizadas

  • HTML: Estrutura do conteúdo e layout do aplicativo.
  • CSS: Estilização e design responsivo, proporcionando uma experiência agradável em diferentes dispositivos.
  • JavaScript: Adição de funcionalidades e interatividade, como a adição e remoção de tarefas e marcação de tarefas como concluídas.

Uso

  1. Adicionar uma Tarefa:

    • No campo de entrada, insira a tarefa que deseja adicionar.
    • Clique no botão "Add" para incluir a tarefa na lista.

  2. Marcar uma Tarefa como Concluída:

    • Clique na tarefa na lista para marcá-la como concluída. A tarefa será riscada para indicar sua conclusão.

  3. Remover uma Tarefa:

    • Para remover uma tarefa da lista, clique no ícone de exclusão ao lado da tarefa desejada.

Design Responsivo

Este aplicativo foi projetado com um design responsivo, garantindo uma experiência de uso consistente em dispositivos móveis, tablets e desktops. Utiliza Flexbox e media queries para ajustar a disposição dos elementos conforme o tamanho da tela.

Personalização

  • Ícones Personalizados: O aplicativo inclui ícones para tarefas marcadas e desmarcadas, proporcionando um feedback visual ao usuário.
  • Temas de Cores: Fundo em gradiente e um tema claro para a lista de tarefas, tornando o uso mais agradável.

Referência

Este projeto foi baseado no tutorial "To-Do List Using HTML, CSS and JavaScript | Vanilla JavaScript Project" do YouTube, criado pelo canal GreatStack.