Você e sua equipe deverão desenvolver uma página web interativa que simule um sistema de cadastro de informações. O objetivo é utilizar HTML, CSS e JavaScript para criar uma interface onde o usuário possa inserir dados em um formulário e visualizar esses dados em uma tabela construída dinamicamente, exibida na mesma página.
A página deverá conter:
- Um formulário de cadastro que permita ao usuário inserir dados relacionados a um determinado contexto (exemplos: cadastro de tarefas, eventos, contatos, produtos, etc.).
- Ao preencher o formulário e clicar no botão "Salvar", os dados devem ser adicionados a uma tabela exibida logo abaixo do formulário. Esse processo deve ser feito dinamicamente com JavaScript, ou seja, sem recarregar a página.
- Cada item inserido na tabela deve ter um botão "Excluir" que permita ao usuário remover esse item da tabela. Esse botão também deve funcionar via JavaScript.
Requisitos:
- O formulário deve conter campos adequados ao contexto do cadastro escolhido, de pelo menos 3 tipos diferentes (exemplos: entrada de texto, seletor de datas, entrada de e-mail, entrada de números, área de texto, etc.).
- A página deve ser estilizada usando CSS incluindo as regras do CSS Box Model para controlar preenchimentos, margens e bordas.
- A formatação deve ser clara e organizada, facilitando a interação do usuário e visualização das informações.
Publicação:
- O site deverá ser hospedado no GitHub Pages, e o link para o site publicado deverá ser entregue como parte da submissão.
Organização e entrega:
- O trabalho pode ser feito em equipes de até 4 pessoas.
- Cada equipe deverá criar um repositório público no GitHub para armazenar o código do site.
- Além do link para o site no GitHub Pages, deverá ser entregue o link para o repositório contendo o código-fonte.
Prazo de entrega: sexta-feira, 22/11/2024