Entrevista AngularJS

Bienvenido a tu prueba de AngularJS, a continuación encontrarás una serie de requerimientos con los cuales deberás realizar un ejercicio práctico.

La prueba general se divide en pequeños ejercicios con los cuales se evaluará en práctica:

• Pensamiento lógico.
• Resolución de problema.
• Tiempo de desarrollo.
• Entre otros.

Finalizada la prueba recuerda enviar link del proyecto o tu repositorio a [email protected] con tu información de contacto y en el asunto colocar: ANGULAR-JS-INTERVIEW

Recomendación: No importa terminar todos los ejercicios, lo más importante es la funcionalidad del ejercicio resuelto(s).

Contexto:

Vamos a construir una app que contara con tres(3) vistas, la primera vista "Home" contendrá una lista de top canciones más escuchadas. También obtendremos una vista de "detalle" con su ruta amigable donde mostraremos la información del artista de la canción y una vista "mi perfil" donde tendremos guardado nuestros artistas favoritos, para facilitar la prueba usaremos "localStorage" del navegador para almacenar esta información.

Antes de empezar:

• La data a consumir proviene de Last.fm
• Ver claves de conexión Ver
• Endpoints disponiles Ver
• EndPoint getTopTracks

Ejercicios

1. Home.

REQUERIMIENTO: Se requiere una vista "HOME" donde muestre en cuadrícula las canciones TOP por país pueden usar el país de su preferencia.

• Vista principal TOP_TRACKS_LIST
  • RUTA: /home
• Vista detalle ARTIST_DETAIL
  • RUTA: /artis/{id}
• Vista 404
  • RUTA: /404
  • HTML: A tu gusto.
  • NOTA: Debes poder re-direccionar rutas que no existan a 404

---

2. Componentes.

REQUERIMIENTO: Se requiere hacer un componente que se use en la vista de detalle realizada en el ejercicio #1, en el cual mostremos los artistas similares: Ejemplo <similar-artist artis="id"></similar-artist>

---

3. LocalStorage

REQUERIMIENTO: Como no estamos usando una base de datos, vamos a usar el localStorage del navegador, cuando estemos en la pantalla de "detalle" tendremos la opción de guardar en mis favoritos para posteriormente ven en la pantalla de "mi perfil"

4. Vista (Mi Perfil)

REQUERIMIENTO: En la pantalla "mi perfil" debemos mostrar todos los artistas que marcamos como "favoritos" y colocar una opción para poder borrarlos.

Extra.

Si has llegado hasta este punto, y consideras que tienes tiempo se valora el hecho de que puedas desplegar tu proyecto en Heroku o en cualquier servidor de tu gusto.

Gracias por participar!