Nothing Special   »   [go: up one dir, main page]

Skip to content

JmAtochePascual/Buscador-de-Recetas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 Recetario en Línea

Esta aplicación web te permite consultar y gestionar recetas de cocina utilizando la API de TheMealDB. Puedes buscar recetas por categoría, ver detalles, y agregar tus recetas favoritas.

🎯 Contenido

  1. 📝Descripción
  2. 🛠️Tecnologías y Herramientas
  3. 🧑‍💻Uso
  4. 📌Instalación
  5. 🏗️Contribución
  6. Licencia
  7. 🙈Imagen de Referencia
  8. 🌐Ver Proyecto en la WEB

Descripción

Esta aplicación web te permite consultar y gestionar recetas de cocina utilizando la API de TheMealDB. Puedes buscar recetas por categoría, ver detalles, y agregar tus recetas favoritas..

Características

  • Carga de Categorías: Obtiene y muestra categorías de recetas desde la API de TheMealDB.
  • Consulta de Recetas: Realiza consultas a la API para obtener recetas basadas en la categoría seleccionada.
  • Mostrar Recetas: Muestra las recetas en la interfaz, incluyendo imagen y nombre.
  • Detalle de Receta: Muestra detalles de una receta en un modal, incluyendo instrucciones e ingredientes.
  • Favoritos: Permite agregar y eliminar recetas de la lista de favoritos usando localStorage.
  • Alertas Personalizadas: Muestra alertas y toasts para informar sobre acciones como agregar o eliminar favoritos.

Tecnologías y Herramientas

  • HTML: Estructura de la página.
  • CSS: Estilos de la página.
  • JavaScript: Lógica de la aplicación, incluyendo manipulación del DOM, validación y consultas a la API.
  • Bootstrap: Framework CSS para estilos y componentes como el modal y los toasts.

Estructura del Proyecto

  • css/: Carpeta con los estilos.
  • js/: Carpeta con la lógica del proyecto.
    • app.js: Archivo principal con la lógica de la aplicación.
  • index.html: Página principal.

Uso

  1. Clona el repositorio: git clone [URL del repositorio]
  2. Navega a la carpeta del proyecto: cd [nombre del proyecto]
  3. Abre el archivo index.html en un navegador de tu elección.

Instalación

No se requiere instalación adicional para utilizar este proyecto.

Contribución

Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:

  1. Haz un fork del repositorio.
  2. Crea una nueva rama para tu característica (git checkout -b mi-nueva-característica).
  3. Compromete tus cambios (git commit -am 'Añadir alguna característica').
  4. Empuja la rama (git push origin mi-nueva-característica).
  5. Abre un pull request.

Licencia

Este proyecto está bajo la licencia MIT.

Imagen de Referencia

Imagen de Referencia

Ver Proyecto en la WEB

Puedes ver el proyecto en funcionamiento aquí.

Todos los derechos reservados Recetario en Línea 2024 ©.