[V0_FILE]plaintext:file=".gitignore" isMerged="true" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" isMerged="true" # SISTEMA ERG (2) *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/santizoj21-gmailcoms-projects/v0-sistema-erg) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/QwwQB0vG0pL) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/santizoj21-gmailcoms-projects/v0-sistema-erg](https://vercel.com/santizoj21-gmailcoms-projects/v0-sistema-erg)** ## Build your app Continue building your app on: **[https://v0.app/chat/QwwQB0vG0pL](https://v0.app/chat/QwwQB0vG0pL)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescriptreact:file="app/dashboard/analytics/page.tsx" isMerged="true" "use client" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from "recharts" export default function AnalyticsPage() { const data = [ { mes: "Enero", reportes: 45, color: "#3b82f6", fecha: "Enero 2026" }, { mes: "Febrero", reportes: 52, color: "#10b981", fecha: "Febrero 2026" }, { mes: "Marzo", reportes: 48, color: "#3b82f6", fecha: "Marzo 2026" }, { mes: "Abril", reportes: 61, color: "#10b981", fecha: "Abril 2026" }, { mes: "Mayo", reportes: 55, color: "#3b82f6", fecha: "Mayo 2026" }, { mes: "Junio", reportes: 67, color: "#10b981", fecha: "Junio 2026" }, ] const CustomTooltip = ({ active, payload }: any) => { if (active && payload && payload.length) { return (

{payload[0].payload.fecha}

{`Reportes: ${payload[0].value}`}

) } return null } return (

Estadísticas

Visualiza las métricas y estadísticas

Reportes Mensuales Reportes por mes } /> {data.map((entry, index) => ( ))} Tasa de Conversión Usuarios que completaron acciones

68%

+5% desde el mes pasado

Estadísticas Detalladas Métricas clave del rendimiento

Tiempo Promedio

4m 32s

Páginas por Sesión

5.2

Tasa de Rebote

32%

) } [V0_FILE]typescriptreact:file="app/dashboard/estadisticas/page.tsx" isMerged="true" "use client" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { XAxis, YAxis, CartesianGrid, ResponsiveContainer, Legend, Tooltip, Bar, BarChart } from "recharts" import { getUserSession } from "@/lib/auth" import { useEffect, useState } from "react" import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@/components/ui/select" import { Label } from "@/components/ui/label" export default function EstadisticasPage() { const [userRole, setUserRole] = useState(null) const [selectedLiderSubred, setSelectedLiderSubred] = useState("") const [selectedLider, setSelectedLider] = useState("") const lideresSubred = [{ value: "josue", label: "Josué Santizo" }] const lideresBySubred: Record> = { josue: [ { value: "lider1", label: "Daniela Juarez" }, { value: "lider2", label: "Marco Antonio López" }, { value: "lider3", label: "Sofia García" }, ], } const availableLideres = selectedLiderSubred && lideresBySubred[selectedLiderSubred] ? lideresBySubred[selectedLiderSubred] : [] useEffect(() => { const user = getUserSession() if (user) { setUserRole(user.role) } }, []) const lideres = [ { value: "lider1", label: "Daniela Juarez" }, { value: "lider2", label: "Marco Antonio López" }, { value: "lider3", label: "Sofia García" }, ] const weeklyData = [ { semana: "Semana 1", adultos: 18, ninos: 1, total: 19 }, { semana: "Semana 2", adultos: 20, ninos: 1, total: 21 }, { semana: "Semana 3", adultos: 18, ninos: 2, total: 20 }, { semana: "Semana 4", adultos: 23, ninos: 0, total: 23 }, { semana: "Semana 5", adultos: 15, ninos: 0, total: 15 }, { semana: "Semana 6", adultos: 22, ninos: 2, total: 24 }, { semana: "Semana 7", adultos: 19, ninos: 1, total: 20 }, { semana: "Semana 8", adultos: 21, ninos: 3, total: 24 }, ] const averageAttendance = Math.round(weeklyData.reduce((sum, week) => sum + week.total, 0) / weeklyData.length) const visitasEsteMes = 8 const visitasMesAnterior = 5 const crecimientoVisitas = visitasEsteMes - visitasMesAnterior if (userRole === "Administración" && !selectedLider) { return (

Estadísticas

Visualiza métricas y análisis detallados

Seleccionar Líder

Elige el líder para ver sus estadísticas

Líder de Subred

{selectedLiderSubred && (

Líder

)}

) } return (

Estadísticas

Visualiza métricas y análisis detallados

{userRole === "Administración" && ( Filtros

Líder de Subred

Líder

)} {userRole === "Lider de Subred" && ( Líder Seleccionado )}

Asistencia Promedio

{averageAttendance}

Últimas 8 semanas

Visitas Este Mes

{visitasEsteMes}

= 0 ? "text-green-500" : "text-red-500"}`}> {crecimientoVisitas >= 0 ? "+" : ""} {crecimientoVisitas} vs mes anterior

Tasa de Retención

92%

Muy buena

Asistencia Semanal por Grupos de Edad

Últimas 8 semanas

) } [V0_FILE]typescriptreact:file="app/dashboard/eventos/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { getUserSession } from "@/lib/auth" import { Calendar, Clock, Plus, Trash2, Edit } from "lucide-react" interface Evento { id: number nombre: string dia: string fecha: string hora: string descripcion?: string } export default function EventosPage() { const [userRole, setUserRole] = useState(null) const [eventos, setEventos] = useState([ { id: 1, nombre: "Noches de Avivamiento", dia: "Viernes", fecha: "09 de Enero, 2026", hora: "7:00 PM", descripcion: "Estará compartiendo con nosotros el apóstol Juan Pablo Avelar.", }, { id: 2, nombre: "Noches de Avivamiento", dia: "Viernes", fecha: "16 de Enero, 2026", hora: "7:00 PM", descripcion: "Estará compartiendo con nosotros el Profeta Omar Álvarez.", }, { id: 3, nombre: "Retiro Ministerial", dia: "Sábado", fecha: "07 de Febrero, 2026", hora: "6:00 AM", descripcion: "Este retiro esta enfocado a todo el liderazgo y miembros de ministerios. El Lugar del retiro es el centro recreativo de iglesia el Rey de Gloria de El Porvenir. EL costo será el valor de un tiempo de comida y se prevee el regreso a las 7 PM.", }, ]) const [showCreateDialog, setShowCreateDialog] = useState(false) const [showUpdateDialog, setShowUpdateDialog] = useState(false) const [showDetailsDialog, setShowDetailsDialog] = useState(false) const [selectedEvento, setSelectedEvento] = useState(null) const [nuevoEvento, setNuevoEvento] = useState({ nombre: "", dia: "", fecha: "", hora: "", descripcion: "", }) useEffect(() => { const user = getUserSession() if (user) { setUserRole(user.role) } }, []) const parseFecha = (fechaStr: string): Date => { const meses: { [key: string]: number } = { Enero: 0, Febrero: 1, Marzo: 2, Abril: 3, Mayo: 4, Junio: 5, Julio: 6, Agosto: 7, Septiembre: 8, Octubre: 9, Noviembre: 10, Diciembre: 11, } const parts = fechaStr.split(" de ") const dia = Number.parseInt(parts[0]) const mes = meses[parts[1]] const año = Number.parseInt(parts[2]) return new Date(año, mes, dia) } const eventosPorMes = eventos.reduce( (acc, evento) => { const fecha = parseFecha(evento.fecha) const mesAño = `${fecha.toLocaleString("es", { month: "long" })} ${fecha.getFullYear()}` if (!acc[mesAño]) { acc[mesAño] = [] } acc[mesAño].push(evento) return acc }, {} as Record, ) // Sort events within each month by date Object.keys(eventosPorMes).forEach((mes) => { eventosPorMes[mes].sort((a, b) => { const fechaA = parseFecha(a.fecha) const fechaB = parseFecha(b.fecha) return fechaA.getTime() - fechaB.getTime() }) }) // Sort months chronologically const mesesOrdenados = Object.keys(eventosPorMes).sort((a, b) => { const fechaA = parseFecha(eventosPorMes[a][0].fecha) const fechaB = parseFecha(eventosPorMes[b][0].fecha) return fechaA.getTime() - fechaB.getTime() }) const handleCreateEvento = () => { const evento: Evento = { id: Date.now(), nombre: nuevoEvento.nombre, dia: nuevoEvento.dia, fecha: nuevoEvento.fecha, hora: nuevoEvento.hora, descripcion: nuevoEvento.descripcion || undefined, } setEventos([...eventos, evento]) setShowCreateDialog(false) setNuevoEvento({ nombre: "", dia: "", fecha: "", hora: "", descripcion: "" }) } const handleUpdateEvento = () => { if (selectedEvento) { setEventos(eventos.map((e) => (e.id === selectedEvento.id ? selectedEvento : e))) setShowUpdateDialog(false) setSelectedEvento(null) } } const handleDeleteEvento = (id: number) => { setEventos(eventos.filter((e) => e.id !== id)) } return (

Eventos

Próximos eventos de la iglesia

{userRole === "Administración" && ( )}

{mesesOrdenados.map((mes) => (

{mes}

{eventosPorMes[mes].map((evento) => ( {evento.nombre}

{evento.dia}, {evento.fecha}

{evento.hora}

{evento.descripcion && ( )} {userRole === "Administración" && ( <>