Esta aplicación permite crear y configurar la estructura JSON necesaria para la generación de reportes personalizados. Proporciona una interfaz intuitiva para definir componentes, filtros y configuraciones específicas que se traducen en un esquema JSON listo para ser consumido por sistemas de generación de reportes.
- Interfaz gráfica para configurar la estructura del reporte
- Vista previa en tiempo real del JSON generado
- Soporte para múltiples componentes y configuraciones
- Filtros personalizables
- Exportación del esquema JSON
- React 18
- TypeScript
- Vite
- Tailwind CSS
- Zustand (para gestión de estado)
- Clona el repositorio
- Instala las dependencias:
npm install
- Inicia el servidor de desarrollo:
npm run dev
- Abre tu navegador en
http://localhost:5173
- Configura los componentes principales del reporte
- Añade y personaliza los filtros necesarios
- Revisa la vista previa del JSON generado
- Copia o exporta el JSON para su uso en tu sistema de reportes
src/
├── components/ # Componentes organizados por categoría
│ ├── ui/ # Componentes de interfaz reutilizables
│ ├── pages/ # Componentes de páginas principales
│ ├── forms/ # Componentes de formularios
│ ├── configurators/ # Componentes configuradores específicos
│ └── index.ts # Exportaciones centralizadas
├── store/ # Gestión de estado con Zustand
├── types/ # Definiciones de tipos TypeScript organizadas
│ ├── common.ts # Tipos comunes
│ ├── components.ts # Tipos de componentes
│ ├── filters.ts # Tipos de filtros
│ ├── stores.ts # Tipos de stores
│ └── index.ts # Re-exportaciones
├── constants/ # Constantes de la aplicación
├── config/ # Configuración centralizada
├── utils/ # Funciones utilitarias
├── hooks/ # Hooks personalizados
└── assets/ # Recursos estáticos