JessicaMP / reto-talently

Talently Challenge

Configuración

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

El reto tiene dos partes:

Primera parte:
Crear un listado de personajes desde el API de Rick And Morty, el nombre del endpoint es Get All Characters y la documentación la puedes encontrar en el enlace: https://rickandmortyapi.com/documentation/#get-all-characters

Los datos que deberás mostrar en cada columna son:

• image : Foto del personaje (en el caso que no tenga foto se deberá mostrar una foto por default como esta
• name: Nombre del personaje
• status: estado del personaje
• species: especie del personaje
• gender: género del personaje
• created : fecha
• url: esta columna abrirá una nueva pestaña. El label del link debe llamarse "Detalle" y el estilo del texto debe ser como "Manage" de la referencia)

Referencia Visual Desktop.
Rerefencia Visual Mobile.
** Para la vista mobile sólo debe mostarse: image, name, specie y url.

Segunda parte: Crear un formulario popup para agregar un nuevo personaje, el formulario debe contener los mismos campos que el listado desktop a excepción de la imagen. Al guardar debe ingresar al inicio de la tabla como un nuevo registro.

Referencia del formulario

• Referencia formulario desktop.
• Rerencia formulario Mobile

Entregable o Expectativa del reto

• El reto tiene una duración de 72hrs (3 días) desde el momento que se recibe
• La limpieza y legibilidad del código será considerada.
• La validación del formulario será a criterio personal
• La eficiencia del código en cuestiones de rendimiento sumarán para esta prueba.
• Debe ser responsivo para desktop y mobile (1366 x 768)
• Al finalizar el reto, enviar el enlace del fork de la solución a [e-mail] con copia a [e-mail] con título "Reto Frontend- Talently 2021-08"

Preguntas de conocimiento

** Agregar las respuestas en el correo

1. Cuál es la diferencia entre sync, await y los promesa nativas de js?
2. Cómo utilizas las injecciones en nuxt?
3. Qué hooks de nuxts implementaríamos en esta solución si quisieramos enviar una notificación al terminar de compilar?
4. Nombrame 3 escenarios donde podríamos usar middlewares para esta solución?