Esta prueba consiste maquetar el dashboard de una webapp. Se trabaja la maquetación, el diseño, programación con promesas, timeouts, consultas a API, manejo de JSON y mostrar datos en pantalla.

Pienso que no debería llevarte mucho tiempo hacerlo, por supuesto consulta en Google todo lo que necesites y si tienes alguna duda escríbeme.

<aside> 💬 Contacto: [email protected]

</aside>

Tareas previas

  1. Crear un repositorio en Bitbucket, GitHub o similar con sus readmes correspondientes.
  2. Antes de empezar las tareas envíanos los enlaces del repositorio.
  3. Haz los commits que consideres oportunos conforme vayas desarrollando las diferentes tareas (mínimo un commit por tarea).

El ejercicio consiste en desarrollar uno de los siguientes dashboards con tema claro y oscuro en Angular y con TailwindCSS:

prueba-dashboard-claro.jpeg

prueba-dashboard-oscuro.jpeg

  1. Crea un proyecto con la última versión de Angular.
  2. Añadir TailwindCSS con Play CDN https://tailwindcss.com/docs/installation/play-cdn
  3. Maqueta y aplica el diseño de uno de los 4 dashboard. El diseño debe adaptarse a pantallas de móvil y tablet. Todos los datos serán ficticios excepto la cuenta de usuario.
  4. Recupera la información de un usuario aleatorio haciendo una llamada a una API. Usar https://randomuser.me/
  5. Recuperar un nuevo usuario aleatorio cada 10 segundos.
  6. Recuperar un nuevo usuario aleatorio inmediatamente al hacer clic sobre la foto reseteando el contador de los 10 segundos.