Form WEB

Formulário de Cadastro com React e Material-UI

Este projeto é um exemplo de formulário de cadastro criado com React e Material-UI. O objetivo deste projeto é fornecer uma base para estudantes que estão aprendendo os fundamentos de desenvolvimento web.

Estrutura do Projeto

src/components/Form.tsx: Componente do formulário de cadastro.
src/pages/Report.tsx: Componente que exibe os dados do formulário submetido.
src/App.tsx: Configuração das rotas do aplicativo.

Funcionalidades

Formulário de Cadastro: Inclui campos para dados pessoais, dados de contato e dados de cadastro.
Validação de Campos: Campos obrigatórios são validados antes do envio do formulário.
Exibição de Relatório: Após o envio do formulário, os dados são exibidos em um relatório simples.

Pré-requisitos

Node.js
npm (ou yarn)

Instalação

Clone este repositório:
git clone https://github.com/lucianoedipo/form_web_ufms.git

Navegue até o diretório do projeto:
cd form_web_ufms

Instale as dependências:
npm install

# ou

yarn install

Executando o Projeto

Para iniciar o servidor de desenvolvimento, execute:

npm run dev

# ou

yarn dev

O projeto estará disponível em http://localhost:5173.

Estrutura do Formulário

O formulário é dividido em três seções principais:

Dados Pessoais
- Nome Completo
- CPF
- Data de Nascimento
- Sexo
- Estado Civil
Dados de Contato
- Endereço
- Bairro
- Cidade
- UF
- CEP
- Celular
- Telefone
Dados de Cadastro
- E-mail
- Website
- Interesses (checkboxes)

Acessibilidade

Todos os elementos do formulário são configurados para serem acessíveis conforme as melhores práticas. Para mais informações, consulte a documentação de acessibilidade do MDN.

Licença

Este projeto está licenciado sob a licença CC0 1.0 Universal. Consulte o arquivo LICENSE.txt para obter mais informações.

Autor: Luciano Édipo

Contato: luciano.silva@ufms.br

---

Docs:

https://pt-br.legacy.reactjs.org/docs/forms.html

https://pt-br.react.dev/blog/2023/03/16/introducing-react-dev

Page updated

Google Sites

Report abuse