Skip to content

fatlop/HOLOMETA

Repository files navigation

HoloMeta - El Momento de Paz

HoloMeta React TypeScript Tailwind

📖 Descripción

HoloMeta es un proyecto inmersivo dentro del Multiverso Cheperiano, diseñado para crear experiencias interactivas, educativas y emocionales. Su objetivo es integrar mundos digitales con experiencias simbióticas y sensoriales.

Principio No Negociable

"Nada de este sistema puede crecer si no regenera algo: a una persona, a una comunidad o al entorno."

✨ Características

  • Entornos interactivos y dinámicos con animaciones fluidas
  • Narrativa épica que conecta mundos y conciencia colectiva
  • Meditación Ho'oponopono integrada para limpieza energética
  • Sistema de compartir paz con métricas en tiempo real
  • Autenticación dual (facial y código)
  • Diseño responsivo con Tailwind CSS
  • Componentes UI profesionales basados en shadcn/ui

🚀 Inicio Rápido

Requisitos Previos

  • Node.js 18 o superior
  • npm o yarn

Instalación

  1. Instala las dependencias:
cd holometa
npm install
  1. Instala las dependencias adicionales necesarias:
npm install @radix-ui/react-dialog @radix-ui/react-slider @radix-ui/react-slot tailwindcss-animate
  1. Inicia el servidor de desarrollo:
npm run dev
  1. Abre tu navegador en http://localhost:5173

🔐 Control de Acceso

Configura variables de entorno en .env (usa .env.example como base):

VITE_PUBLIC_MODE=false          # Si es true, salta la autenticación
VITE_ACCESS_CODE=246810         # Código requerido para entrar

Cuando quieras abrir el acceso al público, cambia VITE_PUBLIC_MODE=true.

Seguridad: Este mecanismo es sólo de frontend. Para producción, usa un backend o proveedor de identidad.

📦 Scripts Disponibles

npm run dev      # Inicia el servidor de desarrollo
npm run build    # Construye el proyecto para producción
npm run preview  # Previsualiza la versión de producción
npm run lint     # Ejecuta el linter

🏗️ Estructura del Proyecto

holometa/
├── src/
│   ├── components/
│   │   ├── ui/              # Componentes UI reutilizables
│   │   │   ├── button.tsx
│   │   │   ├── dialog.tsx
│   │   │   └── slider.tsx
│   │   └── MomentoDePaz.tsx # Componente principal
│   ├── lib/
│   │   └── utils.ts         # Utilidades
│   ├── App.tsx              # Componente raíz
│   ├── main.tsx             # Punto de entrada
│   └── index.css            # Estilos globales
├── public/                  # Archivos estáticos
├── index.html               # HTML principal
├── package.json
├── tsconfig.json
├── vite.config.ts
└── tailwind.config.js

🎯 Componentes Principales

MomentoDePaz

El componente central que incluye:

  • Zona de Respiración: Animación de círculos concéntricos para meditación
  • Zona de Conexión: Video de meditación Ho'oponopono
  • Zona de Cooperación: Sistema para compartir paz con otros usuarios
  • Métricas en Tiempo Real:
    • Personas en paz ahora
    • Paz compartida hoy
    • Energía regenerada

AuthenticationScreen

Pantalla de autenticación con dos pasos:

  1. Autenticación facial (placeholder)
  2. Código de 6 dígitos

🎨 Tecnologías Utilizadas

  • React 18 - Biblioteca UI
  • TypeScript - Tipado estático
  • Vite - Build tool ultrarrápido
  • Tailwind CSS - Estilos utility-first
  • shadcn/ui - Componentes UI accesibles
  • Lucide React - Iconos modernos
  • Radix UI - Primitivos UI accesibles

📋 Políticas de Uso

Acceso y Participación

Solo los usuarios registrados y validados pueden acceder a ciertos mundos y funciones avanzadas.

Respeto y Convivencia

Se prohíbe cualquier tipo de violencia, discriminación o conducta que afecte la experiencia de otros usuarios.

Propiedad Simbiótica

Todo contenido generado por usuarios se considera parte del universo simbiótico, con reconocimiento de autoría donde aplique.

Seguridad y Privacidad

La información personal se maneja de forma confidencial y no se comparte sin autorización.

🔮 Integración con el Multiverso

HoloMeta sirve como puente entre:

  • HoloMundo - Mundo principal
  • LUUMI - Entidad simbiótica de luz
  • Júpiter - Plataforma de conocimiento
  • Vox Lux - Sistema de comunicación

🤝 Contribuciones

Este es un proyecto en desarrollo activo. Las contribuciones son bienvenidas siguiendo el principio no negociable de regeneración.

📄 Licencia

Este proyecto está licenciado bajo Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0).

  • Puedes compartir y adaptar el material dando crédito.
  • No está permitido el uso comercial.
  • No añadas restricciones adicionales.

Consulta el texto completo en LICENSE o en: https://creativecommons.org/licenses/by-nc/4.0/

👤 Autoría y Créditos

Fatima López (fatlop) - GitHub

Si reutilizas este proyecto, por favor mantén esta atribución.


HoloRaíces: Conciencia Viva 🌱✨

About

HoloMeta: Experiencia interactiva inmersiva del Multiverso Cheperiano usando React, Vite y TailwindCSS.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors