Initial Research
Tal vez existan pequeños detalles por afinar, pero en la generalidad se ha terminado para definir la app, al final este es un proceso continuo
Modelo de Negocio
Definición de la visión y el publico meta Definición de la monetización Incluye investigación de Mercado Definir Historias de Usuario, Epicas & Modulos
Del diagrama de Post-its se hizo una clasificación, pero no suficientemente claras para pasarse a Jira
Project Diagram Definition
Se hicieron demasiados intentos para tratar de aterrizar la idea, al final se usaron post-its
Esta actividad la podemos delegar a Iván, ya que se ha avanzado bastante en la definición y el podría realizarla de manera autonoma
Se dio la retro de meterle más estilo, Rosy es quién ha avanzado mucho más en el tema de diseño
Clasificación de Templates para Front-End
Hacer una copia de y hacer una clasificación de las vistas para agruparlas en un mismo tipo y hacer una plantilla por grupo o tipo de vista Generar el Master Template LayOut
Para todas las vistas en Front-End que se derivaran de este, debe incluir como base lo siguiente:
Falta hacer el push y hacer la validación entre todos Falta validar responsividad entre mobile & desktop Front-End Landing Page
Pagina inicial de la app
El detalle de la responsividad de mobile a desktop se remueve el boton de ingredientes, se pasa a menu hamburguesa en desktop considerarlo ponerlo en nabvar Front-End User Preferences
Maquetado con código HTML & CSS
Falta hacer que automaticamente se agregue una nueva línea de muñequitos - no es prioridad para MVP El hover aún esta faltante - nice to have se detecto que los iconos estaban incompletos Front-End User Preferences
Preferencias de Alimentos Maquetado con código HTML & CSS
En general falta hacer la estructura Sass, por el tema del issue que se tuvo se detecto que los iconos estaban incompletos Front-End User Preferences
Maquetado con código HTML & CSS
Revisar la parte de los iconos se detecto que los iconos estaban incompletos Front-End User Profile Editor
Una vez que se hizo el registro, el usuario puede modificar su perfil así como sus preferencias
se detecto que los iconos estaban incompletos Front-End User Registration
Formulario de registro:
Falta mover esta pantalla antes de configurar las preferencias de usuario, esto con objeto de asegurar que tenemos bien identificado al usuario antes de agregar algo a la base de datos Front-End User Login
Formulario de autenticación e ingreso:
Falta mover esta pantalla antes de configurar las preferencias de usuario, esto con objeto de asegurar que tenemos bien identificado al usuario antes de agregar algo a la base de datos Front-End User Menu Hamburguesa
Este es general en la navegación del usuario
Front-End User Search
Este es general en la navegación del usuario
Front-End User Search Results
Una vez que generas las busqueda, necesitas una hoja donde “aterrice” todos los datos del resultado
se va a usar como plantilla la de favorites del usuario Front-End User Home
Pagina de Inicio del Usuario, donde encontrará sus preferencias
se remueve el boton de ingredientes, se pasa a menu hamburguesa en desktop considerarlo ponerlo en nabvar Front-End Catalog of Categories
Catalogo de Recetas por Categorias según el tipo de alimento
Front-End Catalog of Ingredientes
Catalogo de Recetas por tipo de Ingredientes
Front-End User Suggestions previous to home
Se añadio al último para generar sentido a las preferencias de usuario
Front-End User Favorites
Lista de Recetas favoritas del usuario
Falta un poco de estilado por los diferentes tamaños de las fotos Front-End User Planner Generator
Pagina Nueva, identificada para la navegación de la creación de un nuevo planner por periodo:
Agregar el icono de menos a la izquierda de los menus y la flecha en "Elegir el periodo" Hay dudas en el comportamiento de los botones Front-End User Menu Editor
Widget que ayudará al usuario a generar su plan ya sea:
Front-End User Menu Viewer:
Agregar Query Param para decidir que modo: Se hizo un split de la página de arriba para evitar tener multiples fetch que se pudieran conflictuar
Front-End User Menu Viewer
Este se va y se sustituye por un QueryParam Widget que ayudará al usuario a generar su plan ya sea:
Front-End User Recipe Viewer
Visualizador específico para un tipo de receta en particular:
Descripción general de la receta Ingredientes de la receta Descripción de los pasos de la receta Front-End User Shopping List
Resultado final con la consolidación de los ingredientes en una sola lista de compras
Front-End Modals
7 modales
validar si se pueden hacer con componentes de bootstrap En base al análisis de flujo troncal, hemos identificado estos extra:
Confirmación desde landing seleccionar registrarse o login Confirmación de generación de planificador de menú Confirmación de generación de menú, por día Confirmación de menú incompleto, si no hay un día completo Confirmación de guardar los cambios de la lista del super Front-End Flow Testing - User Experience POV
Necesitamos validar el flujo completo una vez que se ha integrado AJAX y validar que todo va conforme al plan:
Seria bueno tener un diagrama básico con el flujo completo de interacciones para tener la vista global de la función de la app Se agregó al último y se requiere lo siguiente:
Post → a la tabla de favoritos Back-End realizar un nuevo end-point AJAX Programming
Planner (Generador de Menús en Figma) /api/users/id/planner/
ok - crud - solo retrieve AJAX Programming
Configurar (day picker / period) /api/users/id/planner/id/
crud → POST → Crear un nuevo menú / eliminar un menú AJAX Programming
Este se va a poner un QueryParam para modo edición o visualización /api/users/id/planner/id/menu/
/api/users/id/planner/id/menu/shopping_list/
ok - json → BACK-END → falta field → Purchase: True | false ok - crud → falta hacer la función para actualizar Purchase: → falta habilitar el end-point con la función POST AJAX Programming
Recipe Search by Ingredient /api/recipes/ingredient/?search=
IBM Cloud para Front-END
Aquí sera donde el Front-End se desplegara probablemente