Jesús · Canalla SL #001
Dedicatoria digital interactiva que incluye una animación 3D de una tarjeta de "Canalla SL #001", un reproductor de secuencias de nombres, polaroids decoradas con cinta, dedicatorias con efecto de profundidad y una galería de fotos arrastrable y ampliable. Dispone de un panel de administración propio.
- TIPO
- Proyecto Personal / Regalo
- CATEGORÍA
- LANDING PAGE
- AÑO
- 2026
El punto de partida.
El proyecto partía de una web dónde almacenar fotos y dedicatorias en forma de Regalo para mi amigo Jesús
02 / LA SOLUCIÓNDe la idea a la pantalla.
Se desarrolló una web frontend sin dependencias (Vanilla JS) que incluye animaciones y una galería interactiva accesible. Para gestionar el contenido, se creó un backend a medida en Node.js que expone un panel de administración protegido por contraseña en /gsus/admin/. Este panel permite subir imágenes, editar textos, seleccionar la portada, ordenar fotos y gestionar frases. Además, el proyecto está preparado para desplegarse de dos formas distintas: mediante Cloudflare Workers (con almacenamiento R2) o como servidor autónomo (con Nginx).
03 / EN LA PRÁCTICAQué puedes explorar.
- Animación 3D inicial de la tarjeta
- Panel de administración sin dependencias externas
- Subida y gestión de imágenes (JPG, PNG, WebP)
- Galería de fotos interactiva con pausa, arrastre y ampliación (lightbox)
- Alternancia automática de fotos de portada
- Soporte para despliegue dual (Cloudflare Workers o servidor Node.js autónomo)
- Prevención de conflictos de edición concurrente
- Diseño respetuoso con las preferencias de movimiento reducido y navegación por teclado
El proyecto no requiere dependencias externas de JavaScript en el frontend y está diseñado con prevención de pérdida de datos en el guardado.