SupermarketWeb

SupermarketWeb é uma aplicação Angular para gerenciamento de produtos e categorias de um supermercado, permitindo cadastro, consulta, edição e exclusão de produtos.

Tecnologias Utilizadas

• Angular 19
• Bootstrap 5
• Ngx-mask
• Ngx-pagination
• RxJS

Como executar o projeto

Para iniciar o servidor de desenvolvimento, execute:

npm install
ng serve

Acesse http://localhost:4200/ no navegador. O aplicativo recarrega automaticamente ao salvar arquivos.

Funcionalidades

• Cadastro de produtos com validação de formulário e máscara de campos.
• Consulta paginada de produtos, com busca, edição e exclusão.
• Cadastro e consulta de categorias (em desenvolvimento).
• Interface responsiva com Bootstrap.
• Internacionalização para português e moeda BRL.

Estrutura de Pastas

• src/app/components/pages/ – Componentes de páginas (cadastro, consulta, edição de produtos e categorias)
• src/app/components/layout/ – Componentes de layout (navbar)
• src/app/config/ – Configurações de ambiente e URLs da API

Configuração da API

As URLs da API estão definidas em src/app/config/environment.ts. Por padrão, a API deve estar rodando em http://localhost:5242/api.

Testes

Para rodar os testes unitários com Karma:

ng test

Build de Produção

Para compilar o projeto para produção:

ng build

Os arquivos finais estarão em dist/supermarket-web.

Geração de Componentes

Para gerar um novo componente:

ng generate component components/pages/nome-do-componente

Observações

• O projeto utiliza Angular Standalone Components.
• Certifique-se de que a API backend esteja disponível para o funcionamento completo do CRUD.

Recursos adicionais

• Documentação Angular CLI