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

