- Emmanuel Eduardo @Devmmanuel
- Javier Tapia @TapiaXavier
- Ana Castillo @canastillo
- Antonio @acast23
Al realizar este proyecto se pusieron en practica todos los temas que vimos en el modulo de Programacion con Javascript el proyecto realizado es un buscador de recetas, toda la informacón que se muestra en la aplicacion se obtuvo consumiendo una API llamada TheMealDB, tambien reforzamos lo que vimos en el modulo de Frontend Fundamentals al momento de hacer la maquetacion de cada componente de nuestro sitio Web.
- Webpack
- HTML
- CSS
- Javascript
En la pantalla home se muestran las listas de recetas e ingredientes,
el usuario puede hacer scroll hacia la derecha para ver las
recetas e ingredientes que hay despues de los que ya se muestran
En esta pantalla se muestra el menu que es desplegado al hacer clic en el
boton de la esquina, se muestran las acciones principales que puede realizar el usuario
que son ir a home, recetas o ingredientes
En esta pantalla se muestra la lista de ingredientes, el usuario puede hacer
scroll hacia abajo para ver los elementos restantes
En esta pantalla se muestra la lista de recetas, el usuario puede hacer
scroll hacia abajo para ver los elementos restantes, ademas de que puede
dar click en el boton para ir a ver los detalles de la receta que son
los ingredientes y las instrucciones
Esta es la vista principal del ingrediente, aqui se muestran todos las recetas
donde el ingrediente esta incluido
Esta es la vista principal del la receta, aqui se muestran
los de talles de la receta como lo son los ingredientes y
sus instrucciones para su preparacion
Esta es la vista principal de nuestra aplicación, se muestra
la lista de ingredientes, lista de recetas, ademas de que se
cuenta con un buscador de recetas y un buscador random
En esta vista se muestran todos los ingredientes
En esta vista se muestran todas las recetas ademas
de que se puede dar click en el boton para ir a los
detalles de la receta
En esta pantalla se muestran los detalles de la receta como lo son
los ingredientes y las instrucciones
- Clonar el repositorio
- Ejecutar los siguientes comandos en la raiz del proyecto con la terminal de Node
npm install
npm start