Hey, soy srgobi

Disponible para trabajar

Rediseño integral del sitio web de Brava, transformando los diseños visuales creados en Adobe Illustrator en una aplicación web moderna, accesible y completamente responsive. Desarrollé el frontend completo de forma independiente con Next.js, React, TypeScript y Tailwind CSS, definiendo la arquitectura de componentes reutilizables y la estructura general del proyecto. Integré Sanity CMS para consumir y representar contenido dinámico, y construí un sistema de formularios dinámicos con múltiples tipos de campo y validación. Implementé animaciones e interacciones de interfaz con Motion y Lenis, cuidando la experiencia en todos los dispositivos. El proyecto se gestiona dentro de un monorepo con Turborepo, integrando los componentes y paquetes del repositorio, y todo el flujo de entregas se realiza mediante Pull Requests en GitHub.

Desarrollo de una plataforma de gestión integral para fábricas, diseñada para optimizar la administración de recursos y procesos. La aplicación permite a los usuarios gestionar y controlar diversos aspectos de la producción, incluyendo la planificación, seguimiento y análisis de datos en tiempo real. La interfaz de usuario es intuitiva y fácil de usar, lo que facilita la navegación y el acceso a la información crítica. La plataforma incluye funcionalidades avanzadas como la generación de informes personalizados, la integración con sistemas externos y la capacidad de adaptarse a las necesidades específicas de cada fábrica. Además, se implementaron medidas de seguridad robustas para proteger la información sensible y garantizar la privacidad de los datos. La aplicación está diseñada para ser escalable y flexible, permitiendo a las fábricas crecer y adaptarse a los cambios en el mercado y en la tecnología.

Plataforma de ajedrez online completamente reescrita desde cero. Evolucionó desde una aplicación básica en Python Flask hacia un stack moderno con React, Node.js y MariaDB, manteniendo una arquitectura preparada para crecer. Incluye modos de juego normales y competitivos, puzzles con diferentes modos y temáticas, cursos, perfiles personalizables con avatares, eventos, reseñas y un panel de administración completo. El sistema de pagos está integrado con Stripe. El tablero usa Chessground personalizado: redimensionable, con más de 20 skins para piezas y fondos, soporte para clic secundario (círculos, flechas y anotaciones) y una experiencia móvil cuidada. SEO, metadatos y estructura de navegación optimizados para buscadores. Infraestructura con Docker y Dokploy sobre un VPS, con despliegues independientes para frontend, backend y base de datos. La plataforma está en producción y sigue evolucionando con nuevas features y mantenimiento continuo.

El European Think Tanks Group (ETTG) es una red de seis think tanks europeos independientes que colaboran para proporcionar investigación y análisis innovadores sobre políticas de cooperación internacional de la UE y desarrollo sostenible global. En este proyecto, desarrollado con WordPress, PHP, Elementor y Advanced Custom Fields, me encargo del mantenimiento y evolución continua de la plataforma: creación de un sistema de contenido relacionado mediante ACF + snippets PHP + Elementor, desarrollo y modificación de páginas y templates completas, resolución de incidencias en categorías, etiquetas y consultas dinámicas, auditoría de The Events Calendar y optimización general de la plataforma.

Creación de un CMS personalizado enfocado en la gestión eficiente de archivos e imágenes. Este sistema permite a los administradores subir, editar y organizar archivos multimedia, generando metadatos en formato JSON que vinculan cada elemento con su información correspondiente. El CMS cuenta con dos vistas: una para usuarios no técnicos que facilita la visualización y modificación de datos sin necesidad de interactuar con JSON, y otra avanzada para usuarios técnicos que permite editar el JSON directamente. Además, se implementó una funcionalidad en tiempo real utilizando WebSocket, lo que permite monitorear y visualizar cambios en el stock de los elementos. Este proyecto no solo optimiza la gestión de contenido, sino que también integra características avanzadas para adaptarse a las necesidades específicas de la tienda.

Responsable de la creación y desarrollo integral de la plataforma. Diseñé y desarrollé desde cero tanto el servidor como el panel web, implementando una base de datos robusta, integración de APIs internas/externas y un sistema de eventos para la comunicación y componentización del proyecto. Mejoré la eficiencia del sistema, implementé pruebas exhaustivas y una gestión continua, logrando un despliegue eficiente y un soporte eficaz.

Mantenimiento y evolución de la página web corporativa de Weasel Web, una empresa de desarrollo de software. Trabajo sobre la base existente modificando la mayoría de las páginas y componentes, implementando mejoras visuales y funcionales, y resolviendo errores en la aplicación para mantener la web siempre alineada con la imagen y servicios actuales de la empresa.

Librería open source publicada en NPM que simplifica la integración de Discord OAuth en aplicaciones y servicios. Desarrollada desde cero en TypeScript y Node.js, con documentación propia, tipado completo y una API sencilla que abstrae todo el flujo de autenticación OAuth2 de Discord para que cualquier desarrollador pueda añadir login con Discord en su proyecto en minutos.

Tienda online de productos deportivos estructurada en tres módulos: frontend de cliente, panel de administración y API. Cada componente se diseñó para ofrecer una experiencia de compra rápida, segura y escalable. Admin: panel para gestionar estadísticas, productos, pedidos y usuarios, con un sistema avanzado de subida de imágenes que transcodifica a base64 con optimización previa. Cliente: registro y login, perfiles personales, gestión de pedidos, sistema de compra con múltiples pasarelas (PayPal, Mastercard, Visa, Google Pay), buscador avanzado, filtros personalizables y una interfaz responsive cuidada. Server: API con Express, middleware de seguridad y autenticación mediante tokens. Construido con React, TypeScript, Bootstrap y MongoDB, con despliegue inicial en Heroku. La plataforma sigue operativa, aunque el sistema fue migrado posteriormente a Shopify para simplificar su mantenimiento.

Paquete NPM que permite a los desarrolladores crear tarjetas personalizadas de forma sencilla y rápida. Canvacard ofrece una amplia gama de plantillas predefinidas y personalizables, así como la posibilidad de crear tarjetas desde cero. Los usuarios pueden añadir texto, imágenes, iconos y formas, y personalizar el diseño con colores y fuentes personalizadas. Este proyecto ha sido desarrollado con JavaScript, @napi-rs/canvas, @skyra/gifenc y con TypeScript para realizar los tipados e interfaces . Canvacard es una herramienta versátil y eficiente que permite a los desarrolladores crear tarjetas personalizadas de forma rápida y sencilla.

Creación y gestión de una aplicación de Discord con más de 50 comandos y soporte completo para todos los eventos. Optimización en la gestión de usuarios y mensajes para mejorar la experiencia en el servidor.

Plataforma para aprender sobre dinero, cripto y web3 con el contenido que se creó. Se puede acceder a la plataforma a través de Discord y la web. Se creó un bot para el servidor de Discord que permite a los usuarios interactuar con la plataforma y obtener mucho aprendizaje. Los usuarios pueden aprender entre si en la plataforma.