Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/kenkyoo/react-app-recipes
- Owner: Kenkyoo
- Created: 2024-12-04T09:38:14.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-04T10:02:11.000Z (about 1 month ago)
- Last Synced: 2024-12-04T10:34:45.968Z (about 1 month ago)
- Topics: axios, daisyui, fancyapps, framer-motion, javascript, react, recipe-app, recipes, sass, tailwindcss, typescript, vite
- Language: CSS
- Homepage: https://react-app-recipes-beryl.vercel.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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-recipesInstala 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.
LicenciaEste proyecto está bajo la licencia MIT.