Spaces:
Running
Running
"Crea una aplicaci贸n web moderna de compartici贸n de archivos similar a PicoShare con la siguiente estructura y funcionalidades espec铆ficas: ESTRUCTURA DE LA INTERFAZ: 1. Navegaci贸n principal con 3 secciones: Pesta帽a "Subir Archivos" (Upload) Pesta帽a "Mis Archivos" (My Files) Pesta帽a "Configuraci贸n" (Settings) 2. PESTA脩A "SUBIR ARCHIVOS": 脕rea central de drag & drop con indicador visual atractivo Bot贸n "Seleccionar archivos" como alternativa al drag & drop Barra de progreso para cada archivo durante la subida Lista en tiempo real de archivos siendo procesados Configuraci贸n r谩pida por archivo: Fecha de expiraci贸n (1 d铆a, 1 semana, 1 mes, nunca) Protecci贸n con contrase帽a (opcional) L铆mite de descargas Generaci贸n autom谩tica del enlace al completar la subida Bot贸n "Copiar enlace" con confirmaci贸n visual Historial de subidas recientes en la parte inferior 3. PESTA脩A "MIS ARCHIVOS": Vista de grilla/lista intercambiable Sistema de vista previa inteligente: Im谩genes: Thumbnails reales del archivo (JPG, PNG, GIF, WebP, SVG) Videos: Thumbnail del primer frame + icono de play PDFs: Vista previa de la primera p谩gina Documentos: Iconos espec铆ficos por tipo (Word, Excel, PowerPoint, etc.) C贸digo fuente: Iconos por lenguaje (JS, Python, Java, etc.) Archivos comprimidos: Iconos de ZIP, RAR, 7z, etc. Audio: Iconos con waveform si es posible Otros: Icono gen茅rico con extensi贸n visible Informaci贸n por archivo: Nombre del archivo (editable) Tama帽o y fecha de subida N煤mero de descargas Estado (activo/expirado) Enlace directo con bot贸n copiar Acciones: Compartir, Descargar, Eliminar, Renovar expiraci贸n Funcionalidades adicionales: B煤squeda y filtrado por nombre, tipo, fecha Ordenamiento por nombre, tama帽o, fecha, descargas Selecci贸n m煤ltiple para acciones en lote Modal de vista previa completa al hacer clic 4. PESTA脩A "CONFIGURACI脫N": Secci贸n Autenticaci贸n: Configuraci贸n SAML 2.0 (Entity ID, SSO URL, Certificado) Configuraci贸n OpenID Connect (Client ID, Secret, Discovery URL) Gesti贸n de proveedores de identidad activos Mapeo de atributos de usuario Secci贸n Apariencia: Toggle modo claro/oscuro Selecci贸n de colores de tema principal Configuraci贸n de idioma Densidad de informaci贸n (compacta/c贸moda/espaciosa) Secci贸n Archivos: L铆mites de tama帽o por archivo y total por usuario Tipos de archivo permitidos/bloqueados Configuraci贸n de retenci贸n por defecto L铆mites de descarga por defecto Configuraci贸n de almacenamiento (local/S3/GCS) Secci贸n Seguridad: Configuraci贸n de rate limiting Logs de actividad y acceso Configuraci贸n de encriptaci贸n Pol铆ticas de contrase帽as para enlaces protegidos Configuraci贸n de notificaciones de seguridad Secci贸n Sistema: Informaci贸n del servidor y uso de almacenamiento Configuraci贸n de backups autom谩ticos Configuraci贸n de limpieza autom谩tica de archivos expirados Logs del sistema y estad铆sticas de uso ESPECIFICACIONES T脡CNICAS DETALLADAS: Frontend: Framework moderno (React con TypeScript recomendado) Biblioteca de iconos extensa (React Icons o similar) Componentes de UI modernos (Tailwind CSS + shadcn/ui) Manejo de estado global (Zustand o Redux Toolkit) Lazy loading para vistas previas Progressive Web App (PWA) capabilities Backend: API RESTful completa con documentaci贸n OpenAPI Endpoints espec铆ficos para vistas previas y thumbnails Procesamiento as铆ncrono para generaci贸n de previews Sistema de jobs/queues para tareas pesadas Rate limiting por IP y usuario autenticado Logging estructurado con diferentes niveles Base de datos: Esquema para usuarios, archivos, configuraciones, logs 脥ndices optimizados para b煤squedas r谩pidas Soft delete para archivos (papelera de reciclaje) Metadatos extendidos para cada archivo Funcionalidades espec铆ficas del sistema de vista previa: Generaci贸n autom谩tica de thumbnails para im谩genes Extracci贸n de frame para videos usando FFmpeg Conversi贸n de primera p谩gina de PDF a imagen Cache inteligente de vistas previas Fallback a iconos cuando no se puede generar preview Detecci贸n autom谩tica de tipo MIME real vs extensi贸n Despliegue: Docker Compose completo con todos los servicios Variables de entorno para toda la configuraci贸n Nginx reverse proxy incluido Certificados SSL autom谩ticos (Let's Encrypt) Scripts de migraci贸n de base de datos Documentaci贸n completa de instalaci贸n y configuraci贸n Genera el c贸digo completo con esta estructura espec铆fica, incluyendo los componentes de UI detallados, la l贸gica de negocio para vistas previas, y ejemplos de configuraci贸n para cada secci贸n de settings." - Initial Deployment
6bf9b5b
verified
metadata
title: rser9asdkadkasdk
emoji: 馃惓
colorFrom: gray
colorTo: yellow
sdk: static
pinned: false
tags:
- deepsite
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference