Resultado en el siguiente enlace
- Mostrar en la UI un input para ingresar texto y un botón para generar la búsqueda.
- Utilizar la siguiente API para obtener los resultados: Free Meal API
- Mostrar los resultados usando las imágenes de las recetas.
- Al seleccionar una imagen se deben desplegar los detalles de la receta, es decir, los ingredientes y las instrucciones.
- Mostrar en la UI un botón secundario para desplegar una receta aleatoria.
Luis Raúl Castillo Silvi Rodríguez Juan Salazar Ángel Lara
- Como usuario me interesa que el producto sea responsivo, para poder realizar consultas desde mi dispositivo móvil.
- Como usuario me interesa buscar por nombre de ingrediente para elegir alguna receta de mi preferencia.
- Como usuario me interesa filtrar por aleatorio, para ver sugerencias de recetas.
- Como usuario me interesa que los resultados se muestren con la imagen de la receta, para saber si me parece apetecible.
- Como usuario me interesa saber si el ingrediente que ingreso se encuentra en la base de datos, para evitar comprarlo al hacer el súper.
- Requiere Node 18.8
- En la linea de comando ejecutar
npm i webpack webpack-cli --save-dev
- Ejectar
npm run start