React App Recipes

Una aplicación de recetas creada con React, diseñada para buscar, explorar y visualizar recetas culinarias. La app permite realizar búsquedas avanzadas, mostrar resultados y obtener detalles como instrucciones e ingredientes de las recetas seleccionadas.

Características

• Búsqueda Avanzada: Busca recetas utilizando diferentes opciones y filtros.
• Resultados Dinámicos: Muestra una lista interactiva de resultados.
• Detalles de Recetas: Visualiza instrucciones y lista de ingredientes al seleccionar una receta.
• Diseño Moderno: Interfaz creada con TailwindCSS y DaisyUI para una experiencia visual atractiva.
• Animaciones: Efectos visuales mediante framer-motion.

Tecnologías Utilizadas

• Frontend:
  • React
  • TailwindCSS
  • DaisyUI
• Animaciones:
  • framer-motion
• HTTP Requests:
  • Axios
• Compilador y Herramientas:
  • Vite
  • Sass

Scripts Disponibles

En el directorio del proyecto, puedes ejecutar los siguientes comandos:

• npm run dev: Inicia el servidor de desarrollo.
• npm run build: Compila la aplicación para producción.
• npm run lint: Verifica el código con ESLint.
• npm run preview: Previsualiza la aplicación compilada.
• npm run build:css: Compila los estilos con TailwindCSS.
• npm run watch:css: Compila y observa los cambios en los estilos con TailwindCSS.
• npm run watch:sass: Observa y compila cambios en los estilos usando Sass.

Instalación

1. Clona el repositorio:

   git clone https://github.com/Kenkyoo/react-app-recipes.git
   cd react-app-recipes
   
    Instala las dependencias:
   

npm install

Inicia el servidor de desarrollo:

npm run dev

Estructura del Proyecto

src/ ├── components/ # Componentes reutilizables ├── pages/ # Páginas principales de la app ├── css/ # Estilos (Sass y TailwindCSS) ├── utils/ # Utilidades y helpers └── assets/ # Recursos estáticos (imágenes, íconos)

Contribuir

¡Las contribuciones son bienvenidas! Si tienes sugerencias o mejoras, no dudes en abrir un issue o enviar un pull request. Licencia

Este proyecto está bajo la licencia MIT.