Frontend developer · Colombia

Alejandro
Grajales

Frontend developerDiseñador gráficoMúsicoCreador de herramientas para OBS

Diseñador gráfico y músico de formación, desarrollador por pasión. Construyo productos web con Next.js, Vue y Supabase, y en mi tiempo libre, herramientas para streamers y creadores.

Ver proyectos GitHub
Next.jsReactVueTypeScriptJavaScriptTailwind CSSSupabaseNode.jsDrizzleZustandPythonC / C++FigmaDaVinci ResolveOBS StudioNext.jsReactVueTypeScriptJavaScriptTailwind CSSSupabaseNode.jsDrizzleZustandPythonC / C++FigmaDaVinci ResolveOBS Studio
Alejandro Grajales

Sobre mí

Del diseño y la música al código.

Empecé en 2006 como diseñador gráfico: vectores, fotomontaje, animación 2D y edición de video. El diseño web me llevó al HTML y al CSS, y de ahí a programar en serio.

Hoy soy frontend developer y construyo productos completos: desde la interfaz hasta la base de datos. Me considero autodidacta: me lanzo a proyectos sin saberlo todo y aprendo lo necesario para sacarlos adelante.

Base
Colombia
Formación
Diseño gráfico · Música
Enfoque
Frontend & producto
Estilo
Autodidacta

Proyectos

Cosas que he construido

Productos, sitios y herramientas personales. El código está en GitHub.

Producto · SaaS01

Ventex

Plataforma multi-tenant de gestión de negocio: punto de venta, inventario, finanzas y clientes en una sola app, con datos aislados por usuario.

Next.js 16React 19SupabaseZustand
Ver código
Producto · Fintech02

Cotejo

Registro de cambios a USDT cotejados con la contraparte, para llevar el control de cada operación.

Next.jsSupabaseTailwind
Ver código
Producto · Dashboard03

Panel de revendedores

Panel de administración con acceso por roles para gestionar una red de revendedores.

Next.jsDrizzle ORMTailwind
Ver código
Producto · Finanzas04

Balance MGS

Sistema de gestión financiera para llevar balances de forma clara, con integración a la API de Binance.

Next.jsSupabaseBinance API
Ver código
Web · E-commerce05

ENSAMA

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

Next.jsTypeScriptTailwind
Ver código
Web · Agencia06

Devtecia

Sitio de Devtecia con formulario de contacto seguro del lado del servidor y pruebas automatizadas.

Next.jsResendNode test
Ver código
Web · Landing07

Oleada TV

Landing de streaming para Latinoamérica con planes, catálogo y red de distribuidores, optimizada para SEO.

Next.jsSEOTailwind
Ver código
Web · Landing08

Stella TV

Sitio de planes y precios con contenido estructurado y metadatos SEO por página.

Next.jsSEOTailwind
Ver código

Para creadores

Herramientas de video y audio

Scripts que uso en mi propio flujo con DaVinci Resolve.

DaVinci Resolve · Python01

Silence Cutter

Corta silencios, transcribe con Whisper y genera guión y subtítulos ajustados a los recortes; arma la timeline en Resolve.

Pythonffmpegfaster-whisper
Ver código
DaVinci Resolve · Audio02

Podvoice Enhance

Limpia y mejora la voz al estilo podcast sin salir de Resolve: reducción de ruido, de-esser, EQ, compresión y LUFS, con vista previa A/B.

PythonFFmpegDSP
Ver código
LUTs · iPhone 1603

Color DaVinci

LUTs .cube para pasar material Apple Log del iPhone 16 a Rec.709: Neutral, Punchy y Bright, generadas por script.

ColorApple LogPython
Ver código

Experiencia

Trayectoria

  1. 22

    2022 · EOS Capital

    Frontend Vue Developer

    Desarrollo web con HTML, CSS y Vue, llevando a código los diseños de Figma.

  2. 16

    2016 · VITA AG SAS

    Web Graphic Designer

    Diseño web en HTML y CSS, diseño vectorial, fotomontajes y campañas publicitarias.

  3. 08

    2008 · Cuarta Dimensión

    Graphic Designer

    Diseño web en HTML y CSS, diseño vectorial, fotomontajes y campañas publicitarias.

  4. 06

    2006 · La Tribu

    Graphic Designer

    Diseño vectorial, fotomontajes, campañas, animación 2D, edición de video e impresos.

Mi hobby · OBS & streaming

Plugins para OBS Studio

Cuando no estoy en un proyecto, hago herramientas para streamers. Uniendo la música y el código salió este:

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.

  • Canal de música

    Un clic agrega al mezclador un canal solo con el audio del reproductor.

  • Actualizaciones

    OBS te avisa cuando hay versión nueva y la instala por ti.

También

Alejox Theme Panel

Plugin nativo (C++/Qt) que agrega Herramientas → Alejox Theme: elige colores de marca, radio de botones y tipografía, previsualiza en caliente y exporta un tema .ovt instalable.

macOS · compilar desde el código

Ver en GitHub

Contacto

¿Construimos algo juntos?

Abierto a proyectos frontend, productos web y colaboraciones con creadores de contenido.

github.com/alejox