ReHubRD

Proyecto Next.js (+TypeScript) para una plataforma de acompañamiento post-accidente llamada ReHubRD.

Este repositorio contiene la aplicación frontend (Next 14) con rutas de dashboard, login, registro y componentes reutilizables. Incluye una implementación de autenticación demo con next-auth y una pequeña lógica para crear recordatorios en sesión.

---

Características principales

• Panel de usuario (/dashboard) con flujo: Perfil → Plan → Seguimiento → Recursos.
• Componentes reutilizables para UI y navegación (src/components/*).
• Autenticación demo con next-auth (Credentials provider) para desarrollo.
• Módulo de SugerenciasRecordatorios que permite programar recordatorios en sesión (usa sessionStorage y la Notification API cuando el navegador lo permite).
• Guías y recursos agrupados para apoyo post-accidente.

---

Requisitos

• Node.js 18+ (recomendado)
• npm o pnpm

---

Instalación (local)

1. Clona el repositorio:

git clone <repo-url> rehud-rd
cd ReHubRD

2. Instala dependencias (elige npm o pnpm):

npm install
# o
pnpm install

3. Crear archivo de entorno local .env.local con las variables mínimas para desarrollo:

NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=dev-secret-please-change
AUTH_DEMO_EMAIL=demo@rehub.do
AUTH_DEMO_PASSWORD=demo123

4. Ejecutar en modo desarrollo:

npm run dev
# o
pnpm dev

Abre http://localhost:3000 en el navegador.

---

Credenciales de demo

• Email: demo@rehub.do
• Password: demo123

Usa estas credenciales en la pantalla de login (ruta /login) para probar la sesión demo del proyecto.

---

Arquitectura y archivos relevantes

• src/app/ — Rutas de Next.js (app router). Rutas principales:
  • app/page.tsx — Landing
  • app/login/page.tsx — Inicio de sesión
  • app/registro/page.tsx — Registro
  • app/dashboard/ — Dashboard y subrutas (perfil, plan, recursos, seguimiento, cuenta)
• src/components/ — Componentes UI y específicos del dashboard (InicioDashboard, SugerenciasRecordatorios, FlujoPersonalizadoView, etc.)
• src/lib/ — Lógica de negocio, stores y utilidades (perfil-store, cuenta-store, opciones-necesidades, recursos-guias, auth config)
• src/components/ui/Icons.tsx — Iconos compartidos
• src/app/api/auth/[...nextauth]/route.ts — Endpoint de next-auth

---

Detalles de implementación

• Autenticación: Se usa next-auth con CredentialsProvider. En desarrollo las credenciales están validadas contra variables de entorno (AUTH_DEMO_EMAIL, AUTH_DEMO_PASSWORD).
• Sesión: estrategia jwt (ver src/lib/auth.ts). Asegúrate de definir NEXTAUTH_SECRET en producción.
• Recordatorios: SugerenciasRecordatorios permite crear recordatorios en sessionStorage y usa setTimeout para disparar notificaciones. Esto es una solución en sesión — para recordatorios persistentes/servidor se debe integrar una cola backend o servicio (e.g., cron, push notifications, Firebase, o un worker).

---

Problemas conocidos y notas

• El componente de recordatorios utiliza la Notification API y sessionStorage. En entornos donde las notificaciones estén deshabilitadas aparecerá un alert como fallback.
• La autenticación demo no es segura para producción. Reemplaza la validación por una base de datos y hashing de contraseñas antes de desplegar.
• Revisar variables de entorno antes de desplegar: NEXTAUTH_URL y NEXTAUTH_SECRET son necesarias para next-auth.

---

Cómo contribuir

1. Crea una rama feature/bugfix a partir de main.
2. Haz cambios y agrega tests si corresponde.
3. Abre un pull request describiendo los cambios.