Frontend Developer Semi-Senior · Linktic

Alejandro
Grajales

Frontend DeveloperVue · React · Next.jsProductos web de punta a puntaDiseño + código

Estudié desarrollo de software y vengo de más de 15 años en diseño gráfico. Construyo interfaces cuidadas y productos completos: del diseño en Figma a la base de datos, con integraciones e IA.

Ver proyectos Contacto
VueReactNext.jsTypeScriptJavaScriptTailwind CSSSupabasePostgreSQLNode.jsZustandGemini APITelegram Bot APIFigmaC++GitVercelVueReactNext.jsTypeScriptJavaScriptTailwind CSSSupabasePostgreSQLNode.jsZustandGemini APITelegram Bot APIFigmaC++GitVercel
Alejandro Grajales

Sobre mí

Alejandro Grajales · Frontend Developer

Del diseño al desarrollo de producto.

Desde septiembre de 2025 soy Frontend Developer Semi-Senior en Linktic, donde trabajo con Vue; en mis proyectos uso también React, Next.js y TypeScript. Estudié desarrollo de software y, antes, trabajé más de 15 años como diseñador gráfico y web. Esa base me permite llevar un diseño de Figma a una interfaz precisa y consistente, y proponer mejoras de experiencia de usuario.

Más allá de la interfaz, construyo productos completos: bases de datos y autenticación con Supabase, integraciones con APIs externas, bots y procesos con IA. También soy graduado en música, y esa combinación de música y código terminó en un plugin para OBS.

Rol actual
Frontend Developer Semi-Senior · Linktic
Formación
Desarrollo de software · Música
Experiencia previa
Diseño gráfico y web desde 2006
Ubicación
Colombia

Proyectos

Proyectos destacados

Productos que diseñé y desarrollé, de la interfaz a la base de datos.

SaaS · Punto de venta01

Ventex

Plataforma multi-tenant de gestión de negocio que reúne punto de venta, inventario, finanzas y clientes en una sola app.

  • Turnos de caja con base inicial, arqueo y diferencias por método de pago
  • Equipos con invitaciones y roles, con datos aislados por negocio
  • Módulos según el tipo de negocio e instalable como PWA
Next.js 16React 19SupabaseZustandTailwind v4
Ver código
Fintech · Cambios de USDT02

Cotejo

Control de operaciones de cambio de USDT, cotejadas con la contraparte, con comisiones y liquidaciones.

  • Precio de Binance P2P y TRM del día de la Superintendencia Financiera (datos.gov.co)
  • Bot de Telegram: envías la foto del comprobante y se registra el movimiento
  • IA (Gemini) que lee los recibos y extrae los datos para su revisión
Next.jsSupabaseGeminiTelegram Bot APIBinance P2P
Ver código
Web · Estudio de software03

Devtecia

Sitio de Devtecia, estudio de software a la medida, con contenido en español e inglés.

  • Rutas por idioma (ES/EN) e imágenes Open Graph por página
  • Panel de administración propio
  • Formulario de contacto del lado del servidor con Resend y pruebas automatizadas
Next.jsi18nSupabaseResend
Ver código
E-commerce · Muebles04

ENSAMA

Tienda de muebles de fabricación propia para baño y organización, pensados para enviarse a toda Colombia y armarse en casa.

  • Catálogo por categorías, búsqueda y ficha de producto
  • Carrito y checkout, con contacto por WhatsApp
  • Páginas de envíos, cambios y preguntas frecuentes
Next.jsTypeScriptTailwind CSS
Ver código
Plugin para OBS · C++05

OBS Now Playing

Plugin nativo para OBS Studio que muestra en el stream la canción que suena, con su carátula y controles.

  • Plugin en C++ con dock de control, overlay web y servidor en Node.js
  • Windows y macOS, con releases automatizados en GitHub Actions
  • Se actualiza solo desde OBS
C++OBS APINode.jsGitHub Actions
Ver plugin

Experiencia

Trayectoria

  1. 25

    Sep 2025 – Actualidad · Linktic

    Frontend Developer Semi-Senior

    Desarrollo frontend de productos web con Vue.

  2. 22

    2022 · EOS Capital

    Frontend Vue Developer

    Desarrollo web con Vue, HTML y CSS, implementando los diseños de Figma.

  3. EDU

    Formación · Estudios

    Desarrollo de software

    Formación en desarrollo de software, base de mi paso del diseño a la programación.

  4. 06

    2006 – 2022 · VITA AG SAS · Cuarta Dimensión · La Tribu

    Diseñador gráfico y web

    Diseño web en HTML y CSS, diseño vectorial, campañas publicitarias, animación 2D y edición de video.

Proyecto personal · OBS & streaming

Plugin para OBS Studio

Fuera del trabajo uno la música y el código en herramientas para streamers.

Overlay de OBS Now Playing mostrando la canción actual
Spotify · YouTube Music · Apple Music
v2.4.14Gratis · MIT

OBS Now Playing

Muestra en tu stream la canción que estás escuchando, con su carátula, sus colores y botones para controlarla.

Spotify, YouTube Music, Apple Music y cualquier reproductor que reconozca tu sistema. Sin cuentas ni API keys.

WindowsmacOS · Apple SiliconmacOS · Intel

OBS 31+ · macOS 12+ · Windows 10/11

Código, instalación y FAQ

  • Colores de la carátula

    La tarjeta toma los colores de cada canción con una transición suave.

  • Sólida o glass

    Tarjeta sólida o translúcida, tema claro u oscuro, horizontal o vertical.

  • Modo video

    Con YouTube Music muestra el videoclip en lugar de la carátula, sincronizado.

  • Dock de control

    Anterior, pausa, siguiente y búsqueda de canciones dentro de OBS.

Cómo está hecho
  • Plugin nativo en C++ sobre la API de OBS, con dock en Qt
  • Servidor local en Node.js que detecta el reproductor del sistema
  • Overlay en HTML/CSS como fuente de navegador
  • Builds y releases para Windows y macOS con GitHub Actions

Contacto

¿Hablamos?

Con gusto converso sobre oportunidades, proyectos de producto o colaboraciones.

github.com/alejox