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.
- 📝Descripción
- 🛠️Tecnologías y Herramientas
- 🧑💻Uso
- 📌Instalación
- 🏗️Contribución
- ✨Licencia
- 🙈Imagen de Referencia
- 🌐Ver Proyecto en la WEB
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..
- 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.
- 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.
- 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.
- Clona el repositorio:
git clone [URL del repositorio]
- Navega a la carpeta del proyecto:
cd [nombre del proyecto]
- Abre el archivo
index.html
en un navegador de tu elección.
No se requiere instalación adicional para utilizar este proyecto.
Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:
- Haz un fork del repositorio.
- Crea una nueva rama para tu característica (
git checkout -b mi-nueva-característica
). - Compromete tus cambios (
git commit -am 'Añadir alguna característica'
). - Empuja la rama (
git push origin mi-nueva-característica
). - Abre un pull request.
Este proyecto está bajo la licencia MIT.
Puedes ver el proyecto en funcionamiento aquí.
Todos los derechos reservados Recetario en Línea 2024 ©.