- Crear en una nueva carpeta el siguiente sitio web
- Los datos del formulario deben ser enviados a la API, la tabla de la derecha debe recibir los datos de la misma al cargarse el sitio
- Luego de cada insercion exitosa, se debe ingresar los datos a la tabla, sin necesidad de utilizar el endpoint GET
- El boton reset debe limpiar los campos del formulario
- El boton save debe enviar los datos a la API
- El número de seguro social (ssn), es único, y no puede repetirse en la lista.
- En caso de un intento de inserción erroneo, se debe informar dicho error
- Al pasar 2 minutos de inactividad, se debe refrescar la tabla automáticamente
La pagina debe poder comunicarse con la API de este repositorio. La misma consta de 2 endpoints
- GET http://localhost:8081/api/members - para obtener los miembros
- POST http://localhost:8081/api/members - para añadir un nuevo miembro
- Para poder utilizarlos, el Authorization header debe formatearse como Bearer [token].
Para poder utilizar los 2 endpoint anteriores debe obtener un token y enviarlo en los llamados.
- POST http://localhost:8081/auth - para obtener el token body: "username": "sarah" "password": "connor"
- Clonar este repositorio
- Instalar las dependencias
- Usar el comando "serve"
- firstName, lastName y address: Mas de 1 caracter, sin espacios a los costados (trim)
- ssn: Tener el formato ###-##-#### (cada # es un numero, los guiones son obligatorios)
- Si el front no cumple las validaciones debe deshabilitar el boton de enviar
- Los colores y formas son solo a caracter ilustrativo
- No es necesario que sea mobile responsive
- No es necesaria compatibilidad con IE o Edge
- Puede usar ES6 sin problemas
- Puede usar HTML5 sin ningun problema
- Se puede usar google :D
- Se puede usar POSTMAN para verificar el funcionamento de la API
- Crear un archivo README.md para indicar como se debe utilizar su desarrollo
- Subir a un repositior git con privilegios publicos de lectura y compartir el link como resultado