Recetas

Equipo 13

Mockups de la página web

Landing page

Modal

📋 Especificaciones del proyecto

Desarrollo de una página web para buscar recetas

• Permite encontrar información sobre los platillos utlizando la API TheMealDB
• Permite encontrar los platillos mediante un buscador.
• En la landing page se encuentran algunas recetas de las 274 comidas disponibles mostradas en elementos cards.
• Es posible desplegar cualquier receta presionando el botón de "Aleatorio".
• Se muestra un modal con la imagen de la comida, se enlistan los ingredientes y los pasos de preparación del platillo.

🛠️ Construido con:

⚙️ Herramientas empleadas:

• Bootstrap v.5 - Utilización de componentes de Bootstrap para CSS, mostrando un diseño responsive.
• Node.js - Hace referencia al entorno de ejecución de JavaScript utilizado.
• Webpack - Paquete de módulos estáticos para aplicaciones JavaScript.
• Babel - Herramienta que permite transformar código ECMA6+ a un código de Javascript que cualquier navegador o versión de Node.js pueda entender.
• Figma - Aplicación para el diseño de interfaces de usuario.

🚀 Inicialización

Development Environment

npm run start

Production Environment

npm run build

💻 Colaboradores

• Karla Flores Valona - Kify7 y Charlie-Kify
• Jorge Alberto Gomez Gomez - jorgealbertogomezgomez77
• Jessica Astrid Ortega Murillo - Jessica-02
• Martha Rachell Gozcon Domínguez - rachelldgz
• Brian Gibran Godoy Lomelí - GibranGodoy