Crear una encuesta con los siguientes tres campos:
- Nombre: Campo de texto plano.
- Estado civil: Multiple opción (Soltero, Casado, Viudo, Divorciado). El encuestado solo podrá selecionar una opción.
- Fecha de nacimiento: Usar formato mm-dd-yyyy.
Crear un botón Enviar y utilizar el metodo POST 'localhost:8080/encuesta/add' del back para guardar información en base de datos.
Generar un listado de las encuestas que fueron guardadas. Utilizando el metodo GET 'localhost:8080/encuesta/all' del back. Ejemplo dado a continuación:
-----------------------------------------------------
| Nombre | Estado Civil | Fecha de nacimiento |
------------------------------------------------------
| Pedro Alvarez | Casado | 10-08-1993 |
| Juan Martinez | Soltero | 01-31-1980 |
------------------------------------------------------
Se puede utilizar boostrap para el estilo de las tablas y el formulario. Y se aconseja el uso de fetch para la comunicación con el back.
- Para correr este proyecto en modo desarrollo se debe usar
npm start
- Abrir http://localhost:3000 para verlo en el explorador.
Consultar documentación de ReactJs React documentation.