Skip to content

kleber-goncalves/lista-de-tarefa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lista de Tarefas

Projeto simples de lista de tarefas (To-Do List) desenvolvido em HTML, CSS e JavaScript, utilizando manipulação do DOM, Local Storage para persistência dos dados e eventos para interação do usuário.

Lista de Tarefas

Você pode conferir o site online aqui: https://lista-de-tarefa-kleber.vercel.app/

Funcionalidades

  • Adicionar novas tarefas
  • Marcar tarefas como concluídas
  • Remover tarefas individualmente
  • Remover todas as tarefas concluídas
  • Persistência das tarefas no navegador usando Local Storage

Tecnologias Utilizadas

  • HTML: Estrutura da página
  • CSS: Estilização responsiva e moderna
  • JavaScript: Manipulação do DOM, controle de eventos e persistência de dados

Principais Conceitos

  • Document Object Model (DOM): Toda a interação com a lista de tarefas é feita manipulando elementos do DOM dinamicamente via JavaScript.
  • Local Storage: As tarefas são salvas no armazenamento local do navegador, garantindo que não sejam perdidas ao recarregar a página.
  • Eventos: O projeto utiliza eventos como click, submit e change para capturar ações do usuário e atualizar a interface.

Como rodar localmente

  1. Clone este repositório:
    git clone https://github.com/kleber-goncalves/lista-de-tarefa.git
  2. Abra o arquivo index.html no seu navegador.

Deploy na Vercel

  1. Faça login ou crie uma conta em vercel.com.
  2. Clique em "New Project" e importe este repositório.
  3. Siga as instruções da Vercel para configurar o deploy (não é necessário configuração especial para projetos estáticos).
  4. Após o deploy, acesse a URL fornecida pela Vercel para ver sua lista de tarefas online.

Desenvolvido para fins de estudo de manipulação de DOM, eventos e Local Storage.

About

Projeto simples de lista de tarefas (To-Do List)

Topics

Resources

Stars

Watchers

Forks