const #Lista de Compras
#Lista de Compras
O Lista de Compras é um projeto desenvolvido utilizando React com TypeScript, como parte de um sistema de gerenciamento de listas de compras. A aplicação permite aos usuários adicionar, editar, remover itens e marcar aqueles que já foram adicionados ao carrinho. O projeto foi construído com uma interface moderna e intuitiva, utilizando a biblioteca de componentes Shadcn UI e ícones do Lucide. O Vite foi utilizado como ferramenta de build para otimizar o desenvolvimento.
Funcionalidades
- Adicionar itens: Permite adicionar novos produtos à lista de compras.
- Editar itens: Opção de editar os produtos já existentes na lista.
- Remover itens: Funcionalidade para excluir itens da lista de compras.
- Marcar itens como comprados: Opção de marcar produtos que já foram colocados no carrinho, diferenciando visualmente na interface.
- Armazenamento Local com localStorage: A lista de compras é salva diretamente no navegador do usuário, garantindo que as informações permaneçam disponíveis mesmo após o fechamento do navegador.
- Interface Responsiva: A aplicação se adapta a diferentes tamanhos de tela, oferecendo uma experiência consistente em dispositivos móveis e desktop.
Tecnologias Utilizadas
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- Vite: Ferramenta de build rápida e leve para desenvolvimento com React.
- Shadcn UI: Biblioteca de componentes React para estilização de interfaces.
- Lucide: Pacote de ícones utilizados na aplicação para melhorar a experiência do usuário.
- Tailwind CSS: Framework de CSS utilitário para estilização rápida e responsiva.
- TypeScript: Superset do JavaScript que adiciona tipagem estática ao projeto.