Loading repository data…
Natalia-Timote / repository
lista-de-compras-vanilla
Lista de Compras é uma aplicação minimalista em TypeScript e JavaScript Vanilla que permite inserir itens de compras em um campo de texto e adicioná‑los dinamicamente a uma lista, demonstrando configuração, compilação e manipulação do DOM sem frameworks. Feito através de artigo da Alura
#alura#aprendinaalura#dom#front-end#javascript#projeto
Live repository statistics
★ 2Stars
⑂ 0Forks
◯ 0Open issues
◉ 2Watchers
README preview
🛒 Lista de Compras - Vanilla
Uma aplicação simples de lista de compras onde você pode inserir itens através de um campo de texto e adicioná‑los à lista em tempo real.
🚀 Sobre o Projeto
Este projeto foi desenvolvido com base no artigo da Alura:
- “TypeScript com JavaScript Vanilla”, escrito por Vinicios Neves (https://www.alura.com.br/artigos/typescript-javascript-vanilla)
A aplicação demonstra como configurar um ambiente Vanilla JS com TypeScript, compilar o código e construir uma lista de compras interativa sem frameworks.
📚 Etapas do Projeto
- Configurando um projeto Vanilla com TypeScript;
- Construindo a lista de compras (HTML e DOM);
- Compilando o TypeScript para JavaScript;
- Testando a aplicação no navegador.
🛠️ Tecnologias Utilizadas
🖼️ Visualização do Projeto
Uma prévia das principais funcionalidades da Lista de Compras:
🌐 Acesse o Projeto Online
O projeto está disponível para visualização na Vercel. Clique no link abaixo para acessar:
📝 Tela Inicial
Exibe o título “Lista de Compras”, um campo de input para adicionar novos itens e um botão “Adicionar”. Os itens inseridos aparecem em uma lista abaixo.
✅ Itens Adicionados
Cada item digitado é adicionado dinamicamente à lista, permitindo visualizar e gerenciar facilmente suas compras.