carlosolives / prueba_dutti Goto Github PK

• Para ejecutar:

•  npm install 

•  npm install webpack -g 

•  npm install webpack-dev-server -g 

##Instrucciones:

A continuación detallamos las tareas a realizar. Por cada uno de los puntos que se detallan, crea un commit con los cambios realizados. En el comentario del commit especifica los cambios que has realizado así como explicaciones o aportaciones que consideres importante comentar. Valoraremos especialmente que los commits estén bien documentados

• 1. Crea una página pública que se acceda mediante: localhost:8080/#!/ships o similar.
  • 1.1 - El controlador de esta página debe realizar una petición a un servicio.
  • 1.2 - El servicio realizará la petición a http://swapi.co/api/starships/. --> Ojo con esto que puede dar problemas de autorización.
  • 1.3 - Muestra el resultado por consola.
  • 1.4 - Utiliza Promesas para gestionar el resultado.
• 2. Crea un componente que se llame de la siguiente forma: <custom-md-list> </custom-md-list> será una lista de elementos.
  • 2.1 - Este componente recibirá datos del controlador padre ( la página ships).
  • 2.2 - El componente mostrará por pantalla el campo name de cada uno de los elementos.
  • 2.3 - El controlador padre enviará solo 5 elementos al componente.
  • 2.3 - El componente tendrá un campo "más datos". Al pulsarlo, añadirá 5 elementos más a la lista.
• 3. Implementa un menú mobile/desktop de bootstrap con las páginas: Home, Register, Ships y Login.
  • 3.0 - Utiliza las opciones de menú que proporciona bootstrap.
  • 3.1 - En función de si estás logueado o no, muestra las páginas a las que se tiene acceso. En el fichero app.js es
  • 3.1 - El menú debe estar oculto (menú hamburguesa) por defecto y abrirse tipo desplegable.
  • 3.2 - En desktop debe estar en una línea.
• 4. A la página starships a continuación de lo realizado añade la maquetación adjunta en la carpeta maqueta
  • 4.1 La maqueta ha de ser responsive. Se adjunta diseño.
  • 4.2 El slider debe ser funcional.
  • 4.3 Inicialmente el slider de producto y subproductos saldrá oculto. Al hacer click en un producto se activará.