Esta web esta hecha para participar en la hackathon del dev, organizada por el Rincón del Dev.

En esta web hecha con la API de TheMealDB, encontrarás toda la informacion de más de 300 recetas de comida, pudiendo filtrar por categoría de comida (entrante, postre, vegano...), ingredientes (vacuno, salmón, berenejena...) o por zona de origen (España, Japón, Italia...). También puedes buscar tu plato favorito o intentar ampliar tus límites con un plato aleatorio recomendado.

En la página de cada plato encontrarás toda la informacíon, los ingredientes necesarios y sus cantidades y una serie de pasos para su elaboración, así como la fuente de donde se saca la informacion y un vídeo explicativo de YouTube.

Tecnologías utilizadas

  • Vite
  • React
  • CSS puro

Instalación y uso

  1. Clona este repositorio en tu ordenador
  2. Navega hasta el directorio del proyecto
  3. Ejecuta npm install para instalar las dependencias del proyecto
  4. Ejecuta npm run dev para iniciar la aplicación
  5. Abre tu navegador y visita http://localhost:5173

Contribución

Si te gustaría contribuir a este proyecto, por favor sigue los siguientes pasos:

  1. Haz un fork de este repositorio
  2. Crea una rama con tus cambios (git checkout -b mi-cambio)
  3. Haz tus cambios y haz commit de ellos (git commit -am 'Nueva característica')
  4. Haz push de la rama a tu fork (git push origin mi-cambio)
  5. Crea un pull request para que revise tus cambios

Créditos

  • Este proyecto está realizado con la versión gratuita de la API de TheMealDB.
  • Iconos de React Icons.
  • Fuentes de Google Fonts.
  • Diseñado y desarrollado por mí, utilicé React para hacerlo posible.