Skip to content

joaogabriel43/CheckList

Repository files navigation

Lista de Compras

Descrição da sua imagem

📋 Descrição do Projeto

Aplicação web de lista de compras desenvolvida para o curso de construção de páginas dinâmicas com JavaScript. A aplicação permite inserir, editar e excluir itens de uma lista de compras, além de marcar itens como comprados.

🔨 Funcionalidades do Projeto

  • Adicionar Itens: Permite adicionar itens à lista de compras.
  • Editar Itens: Permite editar o nome dos itens na lista.
  • Excluir Itens: Permite excluir itens da lista.
  • Marcar como Comprado: Permite marcar itens como comprados, movendo-os para uma lista separada.
  • Data de Criação: Exibe a data e o horário em que o item foi criado.

Inserção no campo de digitação do valor ração de gato, após, é clicado no botão de edição, onde é aberto um popup para digitar o novo do nome item, que foi digitado ração de cachorro. Em seguida, é clicado no botão de exclusão, e o item é excluído.

✔️ Técnicas e Tecnologias Utilizadas

  • HTML: Criação dos elementos da tela.
  • CSS: Estilização dos elementos.
  • JavaScript: Lógica de manipulação da lista de compras.
  • Jest: Framework de testes para JavaScript.

📁 Estrutura do Projeto

/f:/Projetos/CheckList ├── img │ ├── bag.png │ ├── delete.svg │ └── edit.svg ├── js │ ├── adicionarItem.js │ ├── criarItemDaLista.js │ ├── editarItem.js │ ├── excluirItem.js │ ├── gerarDiaDaSemana.js │ ├── verificarListaComprados.js │ └── verificarListaVazia.js ├── styles.css ├── index.html ├── scripts.js └── README.md

🚀 Como Executar o Projeto

Acesse pelo gitHub pages https://joaogabriel43.github.io/CheckList

About

Site de checagem de lista!

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published