Skip to content

facuguardia/form-react-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Form React

Completa el formulario, al enviar los datos se abrirá una ventana modal con los datos ingresados.

Funcionalidades y objetivos

  • Los 3 primeros campos son obligatorios.
  • Al hacer click en Send, genera un objeto en formato de JSON el cual se muestra en un modal.
  • El modal solo aparece en caso de tener completo los campos requeridos.

Screenshot

Pantalla inicial, la cual sugiere los datos que se deben ingresar.

screencapture-127-0-0-1-5173-2022-09-01-19-58-52.png


Los cuatro primeros campos son obligatorios, si no se ingresan el formulario no se podrá enviar.

screencapture-127-0-0-1-5173-2022-09-01-19-59-19.png


El formulario cuenta con una opción de ingresar o no el número telefónico, en caso de tildar el casillero, se despliega una celda más para poder ingresar el dato.

screencapture-127-0-0-1-5173-2022-09-01-20-00-44.png


Una vez enviado el formulario, se abrirá una ventana modal mostrando en ella la información ingresada en cada celda.

screencapture-127-0-0-1-5173-2022-09-01-20-00-58.png


Tecnologías usadas

  • Vite Js.
  • React Js.
  • React Hook Forms.
  • CSS module.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors