BE - Diario Emocional

Aplicacion web mobile-first para registrar estado emocional diario, visualizar progreso y generar una Story para compartir.

Que incluye esta version

• Inicio y cierre de sesion conectado al backend Laravel (Sanctum Bearer token).
• Registro emocional diario con 12 sentimientos ilustrados.
• Viaje emocional semanal, mensual y trimestral.
• Calendario anual de estado dominante (sincronizado con API).
• Momentos conscientes (recarga y kit emocional).
• Boton para compartir estado:
  • Movil: compartir nativo (ideal para Stories).
  • Desktop: descarga de Story para subir manualmente.

Variables de entorno

• VITE_API_URL: URL base del backend, ejemplo http://127.0.0.1:8000.

Archivo de ejemplo: .env.example

Requisitos

• Node.js 20+
• npm 10+

Ejecutar en local

npm install
npm run dev -- --host 127.0.0.1 --port 5201

Build de produccion

npm run build
npm run preview

Estructura principal

• src/App.jsx: flujo principal de UI/UX.
• src/App.css: estilos globales.
• src/lib/beApi.js: cliente API endpoint por endpoint.
• src/assets/sentimientos: PNG originales de emociones.
• src/assets/sentimientos/optimized: versiones WebP optimizadas.
• dist/: salida para despliegue.

Nota de Instagram

Instagram Web en escritorio no permite flujo directo estable a Stories desde una web externa. Por eso en desktop se descarga la imagen y en movil se usa compartir nativo.