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
- Crear un repositorio en Bitbucket, GitHub o similar con sus readmes correspondientes.
- Antes de empezar las tareas envíanos los enlaces del repositorio.
- 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](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3c0a6cd0-6ba8-4c8d-b530-e07edc4e1fd3/prueba-dashboard-claro.jpeg)
![prueba-dashboard-oscuro.jpeg](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/98afb391-4157-47e6-ae6f-16dbf53974ea/prueba-dashboard-oscuro.jpeg)
- Crea un proyecto con la última versión de Angular.
- Añadir TailwindCSS con Play CDN https://tailwindcss.com/docs/installation/play-cdn
- 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.
- Recupera la información de un usuario aleatorio haciendo una llamada a una API. Usar https://randomuser.me/
- Recuperar un nuevo usuario aleatorio cada 10 segundos.
- Recuperar un nuevo usuario aleatorio inmediatamente al hacer clic sobre la foto reseteando el contador de los 10 segundos.