Revista Gourmet

Aplicación web interactiva tipo revista digital que presenta recetas con imágenes, tiempo de preparación, ingredientes y nivel de dificultad. Al hacer clic en cada receta, se abre un modal con todos los detalles. Este proyecto también incluye ejemplos prácticos en JavaScript para reforzar conceptos clave como funciones, variables, alcance y más.

---

Funcionalidades

• Visualización de recetas con diseño tipo revista
• Modal con imagen de preparación y datos dinámicos
• Cálculo automático del tiempo total de receta
• Cálculo de ingredientes por porciones
• Mostrar resumen en consola con funciones JavaScript
• Ejemplos educativos de:
  • Funciones con parámetros
  • Variables locales y globales
  • Alcance de variables
  • Función anidada
  • Modificación de variables globales

---

Tecnologías utilizadas

• HTML5
• CSS3 + Bootstrap 5.3
• JavaScript puro
• Bootstrap Icons

---

Estructura de carpetas

recetas/ │

├── index.html

├── README.md

├── assets/

│ ├── css/

│ │ └── styles.css

│ ├── js/

│ │ └── script.js

│ └── img/

│ ├── spaghetti.png

│ ├── spa-preparacion.png

│ ├── cesar.png

│ ├── preparacion-ensalada.png

│ ├── tiramisu.png

│ └── pre-tiramisu.png

---

Instrucciones para ejecutar

1. Clona o descarga este repositorio.
2. Abre el archivo index.html en tu navegador.
3. Haz clic en cualquiera de las recetas para ver el modal interactivo.
4. Abre la consola del navegador para ver los ejemplos educativos en JavaScript.

---

Autora

Magdalena Inalaf
GitHub | Portafolio | LinkedIn

---