Design the happy path - site map

[toonchavez8]

Responder las siguentes preguntas flow

• [x] como seria el flujo del usario dentro de la pagina
• [x] acciones de inicio de como se realiza la busqueda
• [x] como se muestra el resultado
• [x] propuesta de modal

[toonchavez8]

@FrankTII agregue el sito de mapa a esta tarea en la tarde inteno tener las paginas listas visualmente y si quieres que lo revisemos en la noche contodo gusto y dependiendo de esa llamada podemos cerrar esta tarea y integrar a main el diseño o si tienes alguna sugerencia mejor con todo gusto.

[FrankTII]

Landing PAGE:

Lo estoy revisando. Es justo lo que necesitamos para darnos una idea. de donde va y adonde podemos llegar. Si quieres te adelanto las dudas que tengo y posiblemente Jesus también tendrá. inicio pagina central superior y bajo. Inicio:

---

Random Recipe o Receta Sorpresa. Se activa con evento de boton y llama a función randomButton o GetRecipe(0). Devuelve un objeto con arreglo de 53 campos. para desplegar una receta a un DIV específico:_____.

---

Carrusel de imágenes aleatorias se repite la función si ya tenemos un API con 10 recetas aleatorias. Si adamas quieren fotos seria llamar al random10 una segunda vez para obtener 10 foto que metemos a un carrusel. Es la forma mas simple de cubrir ese requerimiento. Siento que es una función repetida.

---

Top 10 recomenciones /10 Recetas aleatorias: llama a la funcion r10recipes() o getRecipes(1) y devuelve el resultado en el DIV 10Aleatorias elegido:____.

---

Looking for Some type of food?/Categorias por paises o ingredientes mas buscados. Categorias de paises : devuelve un objeto con 27 respuestas, 26 de ellas en su que deberemos ligar a la bandera. El nombre del archivo en assets/ deberá ser el mismo del gentilicio. (usemos el dashboard de Jesus en la búsqueda sugerida) Desplegamos en el l DIV asigando el resultado de la APi-1 registro(unknown) DIV x Areas/Paises___

---

Los ingredientes más buscados eso los deberemos codificar manualmente una lista de N ingredientes elegidos por nosotros. La foto iria ligada a la busqueda por ingrediente de ese nombre. El resultado de esas busquedas se van al DIV de resultados asignado:____ FOOTER

Pagina Receta Todo el despliegue de la receta aparece por la Busqueda x Id. Codigo HTML devuelto al DIV asignado___

Recetas similares: Por le momento desconozco de donde sacar la lista a asignar en está sección.

Pag de busqueda y resultados: Podemos platicarlo mañana lo de los filtros, Creo que tenemos todo. Es un manejo de mucho eventos para limitar campos y selecionar busquedas. Las funciones se separaron para este escenario.(Aqui estoy) Estos resultados deberán desplegarse en los DIV de esta sección.

Si tienes razon que pasa si la busqueda regresa null (no tenemos recetas con esa letras)

Recomiendo: a)Opción A es hacer un splice del string con menos letras en el nombre hasta que solo quede un caracter. La busqueda se detiene cuando el JSOn por nombre no se aNULL. B)opcion B es disparar la funcion de 10 aleatorias por si le gustaría probar algo diferente.

En recetas con esos ingredientes, de esos paises, solo se despliegan ingredientes que tenemos en lista. Hago un branch para SearchBox SearchEngine y les dejo un archivo que use para reeescribir las llamadas al API según patrones que vi. Esta en mi analisis, asi que si no entienden les pido me pregunten.

================================================================ Las famosas Coockies ... quien sabe hacerlas/ usarlas. Serian geniales para las variables de control que tenemos. Algunas con scope global. Y como las lee JS?

[jesuszdp]

@toonchavez8 gracias nos sirve mucho. Colocaste un buen resumen @FrankTII, solo tengo estos comentarios adicionales.

En caso de que sea null, se podría mostrar la receta del día o como se menciona, el mismo listado que aparece en 10 recetas aleatorias, así nos ahorramos una llamada al API.

Para recetas similares se podría ocupar la consulta de searchxMultiIngredient (consulta 12 de la API). Seleccionar el ingrediente principal y uno extra.

[toonchavez8]