Formulário de Cadastro e Listagem de Produtos
Desenvolvido para registrar e exibir produtos com base em critérios como nome, descrição, valor e disponibilidade. O sistema também realiza a ordenação automática dos produtos pela faixa de preço.
Funcionalidades
Cadastro de Produtos: Permite inserir informações como nome do produto, descrição, valor e se está disponível para venda.
Inserção Dinâmica de Produtos: Os produtos são adicionados à lista de forma dinâmica, com uma função que insere o novo produto na posição correta com base no valor.
Validação de Campos: O formulário verifica se todos os campos obrigatórios foram preenchidos corretamente antes de adicionar um novo produto à lista.
Ordenação Automática por Preço: A lista de produtos é mantida automaticamente em ordem crescente de preço. Produtos com menor valor aparecem primeiro.
Listagem Interativa: Após o cadastro, o produto é exibido em uma lista dinâmica, onde o usuário pode visualizar todos os itens registrados.
Responsividade: A interface é adaptada para funcionar em dispositivos móveis e desktops.
Tecnologias Utilizadas
HTML5: Para a estruturação da página e do formulário. CSS3: Para a estilização e design da interface. JavaScript: Para a lógica de inserção dinâmica, validação de campos, e ordenação dos produtos na lista. Como Executar o Projeto
Clone o repositório:
git clone /~https://github.com/charles-1337/formulario-cadastro.git
Abra o arquivo index.html no seu navegador.
Melhorias Futuras
Adicionar a funcionalidade de exclusão e edição de produtos já cadastrados. Implementar um sistema de armazenamento local para salvar os produtos entre as sessões. Criar uma interface de administração para visualizar e gerenciar os produtos cadastrados. Melhorar as validações, como a verificação de produtos duplicados ou a inserção de valores negativos.
link para o projeto : https://charles-1337.github.io/formulario-cadastro/