Projeto: Lista de Compras de Supermercado 🛒 Objetivo: Desenvolver uma aplicação web utilizando Angular que simule uma lista de compras. O projeto irá reforçar conceitos como componentes, manipulação de estados e interação com o DOM.
Funcionalidades:
Criação de Itens na Lista:
O usuário poderá adicionar itens de forma rápida, a partir de um campo de texto. Os itens são adicionados diretamente em uma lista interativa.
Edição:
O usuário deverá poder editar o item da lista.
Marcar como Comprado:
O usuário poderá marcar itens como comprados, o que muda a aparência visual do item (ex: riscar o texto ou mudar de cor).
Agrupamento por Status:
A lista deverá separar os itens "Comprados" dos "Não Comprados", exibindo ambos em grupos distintos, mas ainda dentro da mesma página.
Exclusão de Itens:
O usuário poderá excluir itens da lista com um clique, utilizando um ícone de "lixeira" ao lado de cada item.
Interface:
A interface deve ser minimalista e responsiva.
Requisitos Técnicos:
Validação de Formulários: Validações básicas no formulário para garantir que o usuário não adicione itens vazios.
Responsividade: A aplicação deve funcionar corretamente em dispositivos móveis, tablets e desktops.
Entrega:
O projeto final deverá ser entregue via github e o repositório deverá estar público.
Código colado dentro do campo de resposta ou resposta enviada via link de outras plataformas (google drive, one drive, etc) não será aceito. Trabalhos entregue fora do prazo serão desconsiderados.
Commits realizados após o prazo da atividade implicará em nota zero.
This project was generated with Angular CLI version 18.2.6.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.