¡Bienvenido al repositorio público de Vivero Irupé! 🌿 Este proyecto es la parte frontend de un sitio web para un vivero online ubicado en Embalse, Córdoba. Aquí mostramos cómo se desarrolló este proyecto con tecnologías modernas para brindar una experiencia optimizada y visualmente atractiva.
- Animaciones fluidas y transiciones avanzadas: Uso de
ViewTransitionspara mejorar la experiencia del usuario. - SEO avanzado: Optimizado para aparecer en los buscadores como Google.
- Más de 200 productos: Sistema de visualización rápida con soporte para SEO amigable.
- Combinación de SSR, SSG y CSR: Para obtener el mejor rendimiento en cada sección del sitio.
- Uso de Resend: Integración para el envío de correos electrónicos.
- Despliegue moderno: Deploy realizado en Vercel, con dominio administrado por Cloudflare.
El frontend fue desarrollado con las siguientes herramientas y tecnologías:
- Astro 🚀
- React ⚛️ (para algunas secciones dinámicas)
- TypeScript 🟦
- tanstack/react-query 📦 (gestión de caché y datos)
- Resend ✉️ (envío de correos electrónicos)
- Cloudflare R2 🌩️ (almacenamiento de imágenes)
- Vercel 🌐 (hosting del frontend)
- Crear un sitio web optimizado para SEO y accesibilidad.
- Brindar una experiencia visual atractiva con animaciones modernas.
- Proveer una navegación rápida y una carga eficiente para los usuarios.
- Diseñar una página enfocada en mostrar los productos del vivero, con especial énfasis en las plantas y sus características.
Cada planta incluye información detallada para facilitar el cuidado y selección por parte de los clientes:
- Cantidad de riego necesario.
- Exposición solar adecuada (sombra, semisombra o pleno sol).
- Temporada ideal para su cultivo.
- Cuidados especiales recomendados.
- Tipo de planta (ornamental, medicinal, comestible, etc.).
- Nombre común y nombre científico de la especie.
El proyecto está disponible públicamente en:
🌐 https://viveroirupe.com/
Este frontend se comunica con un backend desarrollado en Spring Boot y Java, el cual gestiona la base de datos y las funcionalidades del sistema.
Para más información sobre este proyecto, puedes contactarme a través de mis redes o revisar mi portafolio.
Si deseas contribuir con ideas o mejoras, no dudes en abrir un issue o contactarme directamente. 😊