Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kenkyoo/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.
https://github.com/kenkyoo/react-app-recipes

axios daisyui fancyapps framer-motion javascript react recipe-app recipes sass tailwindcss typescript vite

Last synced: about 1 month ago
JSON representation

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.

Awesome Lists containing this project

README

        

# 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:

```bash
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.