Skip to content

gesamlambesis/test_react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Test de react con typeScript

1 - Hacer una lista de cuidadores con lo que viene en esta API

Hacer que lea el JSON de un archivo

[
  {
    pais: "México",
    name: "Chuck",
    phone: "11576894838",
    email: "[email protected]"
  },
  {
    pais: "Argentina",
    name: "Marta",
    phone: "23234234234",
    email: "[email protected]"
  }
]

2 - Integrar redux para mantener la lista de los cuidadores.
3 - Hacer un formulario arriba de la lista para agregar cuidadores: pais, nombre, telefono, email y boton "agregar"
4 - Validar que los datos son correctos en cada input, si son incorrectos mostrar mensaje de error (inline)
5 - Guardar en redux el cuidador nuevo.
6 - Copiar el repo y mandar el link de tu repo con la implementación del ejercicio.
Nota: la carpeta html es para el ejercicio siguiente.

Desarrollas los siguientes problemas de la forma más eficiente posible:

1 - Encontrar la secuencia más larga de números consecutivos en 2 arrays de entrada

Ejemplo: Input: [1, 2, 5, 3, 7, 8, 9] y [6, 8, 9, 3, 4, 5] Output: [3, 4, 5] o [7, 8, 9]

2 - Filtrar del array los elementos repetidos.

Ejemplo: Input: [1, 3, 2, 3, 4, 5, 6, h, s, c, h, 3, 6] output: [1, 3, 2, 4, 5 ,6, h, s, c]

Test de html/csss

1 - Usar el template html/index.html
2 - Agregar el css para que quede como estas imagenes.

Mobile < 600px

alt text

Desktop > 600px

alt text

Releases

No releases published

Packages

No packages published