Skip to content

c0mcod/_projeto_To-do_List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

📕 To-Do List

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


🛠️ Funcionalidades

  • 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.

🚀 Tecnologias Utilizadas

  • 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.

🎨 Layout

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.

🔧 Como Rodar o Projeto Localmente

  1. Clone este repositório:

    git clone https://github.com/seu-usuario/projeto-to-do-list.git
  2. Navegue até o diretório do projeto:

    cd projeto-to-do-list
  3. Abra o arquivo index.html no navegador ou utilize uma extensão como Live Server no VS Code.


📂 Estrutura de Arquivos

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