Um simples aplicativo de lista de tarefas criado com HTML, CSS, JavaScript e Bootstrap. Ele permite que os usuários adicionem, marquem como concluídas ou excluam tarefas de forma rápida e intuitiva.
Live Demo: Acesse o projeto no Vercel
- Adicionar Tarefas: Insira uma nova tarefa utilizando o campo de texto e o botão
Adicionar Tarefa
. - Excluir Tarefas: Remova tarefas individualmente ao clicar no ícone de lixeira.
- Marcar Tarefas Concluídas: Use o checkbox para indicar que a tarefa foi concluída.
- Interface Responsiva: O design é adaptável a dispositivos móveis e desktops.
- HTML5: Estrutura do projeto.
- CSS3: Estilização visual, incluindo design responsivo.
- Bootstrap 5: Framework CSS para layout e componentes.
- JavaScript: Lógica para adicionar, excluir e interagir com as tarefas.
- Vercel: Hospedagem da aplicação.
O design da aplicação é simples e moderno:
- Fundo claro: Focado na legibilidade.
- Botões interativos: Animações suaves ao passar o mouse.
- Tarefas destacadas: Cada tarefa possui um contêiner com bordas arredondadas e sombra leve.
-
Clone este repositório:
git clone https://github.com/seu-usuario/projeto-to-do-list.git
-
Navegue até o diretório do projeto:
cd projeto-to-do-list
-
Abra o arquivo
index.html
no navegador ou utilize uma extensão como Live Server no VS Code.
projeto-to-do-list/
├── Public/
│ ├── CSS/
│ │ └── home.css # Arquivo de estilos
│ ├── JS/
│ │ └── home.js # Lógica do projeto
├── index.html # Estrutura principal
├── README.md # Documentação do projeto