-
Lo primero que tenemos que hacer es mostrar una lista de items en el DOM. Por ahora está vacío. El array se encuentra en utils.js y se llama moonPhases. (Si, hay una mezcla de idiomas, después lo arreglo)
-
Si tuvieras que mostrar los items por orden alfabético, cómo lo harías? Agregá un botón que se encargue de organizarlos alfabéticamente. A-Z.
-
Hay que agregar otra sección a la página dentro del mismo index.html, es decir, agregarle tabs que muestren secciones. La actual se va a llamar "Fases de la luna", la nueva "Tipos de velas". La idea es que con un click se muestre y oculte cada sección.
-
Hay que mostrar los items de velas en el DOM como hicimos con las fases de la luna. En utils se va a encontrar candlesTypes. El plus va a ser que vamos a agregar un input type text que, por el momento, no va a hacer nada. Este input va a estar por fuera de las secciones de velas o lunas.
-
Lo que va a hacer nuestro input es buscar los items que escribimos. Si no hay resultado mostrar un mensaje que diga "No se ha encontrado nada". No tiene que ser un buscador en tiempo real. Escribimos, le damos al botón "Buscar" y recién ahí busca si hay resultados.
-
Vamos a agregar ooootra sección, que se va a llamar "Deseos". Acá vamos a agregar un input, un botón y le vamos a permitir al usuario agregar sus deseos/manifestciones.
- Se puede modificar el index.html claramente
- Se puede modificar los estilos.
- Voy a prestarle atención a los detalles