https://github.com/jmatochepascual/buscador-de-recetas

Recetario en Línea
https://github.com/jmatochepascual/buscador-de-recetas

bootstrap css3 fetch html5 javascript

Last synced: 12 days ago
JSON representation

Recetario en Línea

• Host: GitHub
• URL: https://github.com/jmatochepascual/buscador-de-recetas
• Owner: JmAtochePascual
• Created: 2024-05-15T01:17:33.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-08-04T12:30:36.000Z (5 months ago)
• Last Synced: 2024-11-08T02:50:05.491Z (2 months ago)
• Topics: bootstrap, css3, fetch, html5, javascript
• Language: JavaScript
• Homepage: https://jmatochepascual.github.io/Buscador-de-Recetas/
• Size: 66.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📚 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](#descripción)

2. 🛠️[Tecnologías y Herramientas](#tecnologías-y-herramientas)

3. 🧑‍💻[Uso](#uso)

4. 📌[Instalación](#instalación)

5. 🏗️[Contribución](#contribución)

6. ✨[Licencia](#licencia)

7. 🙈[Imagen de Referencia](#imagen-de-referencia)

8. 🌐[Ver Proyecto en la WEB](#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](https://opensource.org/licenses/MIT).

## Imagen de Referencia

![Imagen de Referencia](https://i.postimg.cc/sgHY889x/Recetas.png)

## Ver Proyecto en la WEB

Puedes ver el proyecto en funcionamiento [aquí](https://jmatochepascual.github.io/Buscador-de-Recetas/).

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