Nómada Revista Digital 🌍📸

Una experiencia digital inmersiva dedicada a promover el turismo, la cultura y la riqueza de Morelos.

(Imagen ilustrativa)

📖 Descripción

Nómada Revista Digital es una plataforma web moderna diseñada para inspirar a los viajeros a descubrir los tesoros de Morelos. Inspirada en la excelencia visual y narrativa de National Geographic, este proyecto combina un diseño editorial elegante con tecnologías web de vanguardia para ofrecer una experiencia de usuario fluida y cautivadora.

El objetivo es presumir la belleza de los destinos locales a través de artículos detallados, galerías fotográficas de alta calidad y contenido de video inmersivo.

✨ Características Principales

• 📱 Diseño "Mobile-First" y Responsivo: Una interfaz adaptativa que luce espectacular en cualquier dispositivo, brindando una experiencia "app-like".
• 🎥 Video Banners Inmersivos: Integración de contenido vertical estilo redes sociales (Shorts/Reels) para captar la atención inmediata.
• 📰 Artículos Ricos en Contenido: Páginas de detalle de artículos con maquetación editorial, soporte para múltiples imágenes y tipografía cuidada.
• 🎠 Carruseles Interactivos:
  • Video Carousel: Para destacar contenido multimedia.
  • Category Carousel: Navegación visual intuitiva entre las secciones de turismo (Gastronomía, Bienestar, Aventura, etc.).
• 🖼️ Galería Multimedia (Lightbox): Visualización de imágenes en alta resolución con funcionalidad de lightbox para la sección de Gastronomía.
• 📩 Newsletter Integrado: Modal de suscripción elegante para captar audiencia y mantener informados a los usuarios.
• 🔎 Navegación Avanzada: Sistema de enrutamiento fluido y menús interactivos.

🛠️ Stack Tecnológico

Este proyecto ha sido construido utilizando las mejores prácticas y herramientas modernas del ecosistema React:

• Core: React 19 - La biblioteca para interfaces de usuario web y nativas.
• Build Tool: Vite - Entorno de desarrollo ultrarrápido.
• Routing: React Router DOM - Enrutamiento dinámico del lado del cliente.
• Estilos: CSS3 Moderno (CSS Modules / Vanilla CSS) con uso intensivo de Variables CSS, Flexbox y Grid para un diseño limpio y mantenible sin dependencias pesadas.
• Calidad de Código: ESLint para asegurar la consistencia y calidad del código.
• Optimización de Assets: Todas las imágenes se sirven en formato WebP para máximo rendimiento y tiempos de carga reducidos.
• Automatización: Scripts personalizados en Python y Node.js para la actualización dinámica de contenido (Instagram, El Mundo, México).

🚀 Instalación y Ejecución

Si deseas correr este proyecto localmente, sigue estos sencillos pasos:

1. Clonar el repositorio:

   git clone https://github.com/tu-usuario/nomada-revista-digital.git
   cd nomada-revista-digital

2. Instalar dependencias:

   npm install

3. Iniciar el servidor de desarrollo:

   npm run dev

   (Este comando ejecuta simultáneamente el scrapping de noticias y la actualización de feeds de redes sociales).

4. Generar versión de producción:

   npm run build

5. Abrir http://localhost:5173 en tu navegador.

📂 Estructura del Proyecto

nomadarevistadigital/
├── public/              # Archivos estáticos
├── src/
│   ├── components/      # Componentes reutilizables (Carousel, Modal, etc.)
│   ├── content/         # Datos de artículos y medios
│   ├── App.jsx          # Componente raíz y configuración de rutas
│   ├── main.jsx         # Punto de entrada
│   └── index.css        # Estilos globales y variables
└── package.json         # Dependencias y scripts

🤝 Contribución

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar la revista o añadir nuevos destinos, siéntete libre de hacer un fork y enviar un Pull Request.

---

Hecho con ❤️ y 🌮 en Morelos.