Bienvenidos a mi portafolio Welcome to my portfolio

Mi nombre es Rodolfo. Desarrollo proyectos que abarcan desde el análisis y la arquitectura de datos hasta interfaces web, integración de APIs, sitios web y más. En este landing encontrarás información sobre mí; en la sección Work podrás conocer algunos de mis proyectos en producción y también encontrarás enlaces a mi WhatsApp, GitHub, LinkedIn y correo. Espero que podamos ponernos en contacto pronto. My name is Rodolfo. I develop projects that range from data analysis and architecture to web interfaces, API integrations, websites and more. Here you can learn more about me, explore some of my live projects in the Work section, and find links to my WhatsApp, GitHub, LinkedIn and email. I hope we can connect soon.

Full Stack Developer · Data and AI

Habilidades y stack Skills and stack

LenguajesLanguages
Python SQL JavaScript
Data & BI
Power BI DAX Excel Streamlit
AI & Automation
Claude API OpenAI API Generative AI Chatbots
Bases de datosDatabases
PostgreSQL MySQL SQLite Pandas
Rodolfo Alabarca
rodolfo.alabarca

Sobre míAbout me

Trabajé durante dos años en el sector de consumo masivo como analista de trade marketing para una destilería en Panamá. Desde entonces, he fortalecido mi carrera mediante formación continua y el desarrollo de proyectos reales que hoy están en producción; puedes conocerlos en la sección Work.I worked for two years in the consumer goods sector as a trade marketing analyst for a distillery in Panama. Since then, I have continued building my career through ongoing training and real projects that are now in production; you can explore them in the Work section.

Actualmente estudio Ciberseguridad en la Universidad del Istmo y me especializo en crear sitios web orientados a la captación de leads, desarrollar soluciones de análisis de datos y construir sistemas que optimizan la gestión y la toma de decisiones en los negocios.I am currently studying Cybersecurity at Universidad del Istmo and specialize in lead-generation websites, data analysis solutions, and systems that improve business management and decision-making.

React · Supabase · Multi-branch SaaSLive

AlabarK OS

Sistema operativo multi-sucursal que centraliza clientes, vehículos, órdenes, inventario, facturación y finanzas de un taller.Multi-branch operating system centralising a workshop's customers, vehicles, work orders, inventory, billing and finances.

Landing page de AlabarK OS
Vista interna del dashboard multi-sucursal de AlabarK OS
Vista interna · Dashboard operativoInside the product · Operations dashboard

AlabarK OS reemplaza documentos y hojas de cálculo aisladas por una operación centralizada para talleres mecánicos. El contexto de sucursal y los permisos por rol atraviesan todos los módulos, mientras una capa de servicios separa la interfaz React del almacenamiento local de demostración y de Supabase.AlabarK OS replaces disconnected documents and spreadsheets with a centralised workshop operation. Branch context and role permissions span every module, while a service layer separates the React UI from demo local storage and Supabase.

  • Flujos conectados para ingreso de vehículos, órdenes, cotizaciones, facturación e inventarioConnected flows for vehicle intake, work orders, quotes, billing and inventory
  • Contexto multi-sucursal y permisos para administrador, secretaria y mecánicoMulti-branch context and permissions for administrators, receptionists and mechanics
  • Paneles operativos, métricas, exportación PDF y asistente de IA integradoOperational dashboards, metrics, PDF exports and an integrated AI assistant
Stack técnicoTechnical stack
FrontendReact 18 · Vite 5 · React Router · CSS design tokens
Backend & DataSupabase · PostgreSQL · Auth · Storage · RLS
ArquitecturaArchitectureService layer · Branch/Auth contexts · Relational schema · localStorage demo
ProductoProductRecharts · jsPDF · Supabase Edge Function · Cloudflare Pages
ProductoProductSaaS operativo para administrar talleres mecánicos con varias sucursales.Operations SaaS for managing multi-branch automotive workshops.
Mi rolMy roleDiseño de producto, UX/UI, arquitectura frontend, modelo relacional e integración con Supabase.Product design, UX/UI, frontend architecture, relational modelling and Supabase integration.
Qué construíWhat I builtDiez módulos conectados, roles y permisos, operación multi-sucursal, dashboards y una capa de datos intercambiable.Ten connected modules, roles and permissions, multi-branch operations, dashboards and an interchangeable data layer.
Next.js · React · Automotive webLive

Tecnicars P&G

Web de un taller especializado en transmisiones, con servicios, consultas y contacto directo por WhatsApp.Website for a transmission specialist, with service pages, enquiries and direct WhatsApp contact.

Tecnicars P&G presenta un taller en Panamá especializado en transmisiones automáticas y manuales, diagnóstico computarizado y mecánica general. La experiencia combina una identidad visual automotriz, páginas dedicadas a cada servicio y rutas claras para consultar al equipo o llegar al taller.Tecnicars P&G presents a Panama-based workshop specializing in automatic and manual transmissions, computerized diagnostics and general mechanics. The experience combines an automotive visual identity, dedicated service pages and clear paths to contact the team or find the workshop.

  • Páginas de servicios que explican síntomas, revisión y diagnósticoService pages explaining symptoms, inspection and diagnostics
  • Formularios de consulta y accesos a WhatsApp, teléfono y Google MapsEnquiry forms and direct access to WhatsApp, phone and Google Maps
  • Diseño responsive, medios optimizados y datos estructurados del negocioResponsive design, optimized media and structured business data
Stack técnicoTechnical stack
FrontendNext.js · React · CSS
ArquitecturaArchitectureApp Router · Service pages · Shared components
UX & SEOResponsive layout · WebP · JSON-LD · AutoRepair / LocalBusiness
IntegracionesIntegrationsWhatsApp · Google Maps · Instagram · Cloudflare
Visitar la webVisit the site↗
ProductoProductSitio de servicios automotrices y captación de consultas para un taller especializado.Automotive services website and enquiry capture for a specialist workshop.
Mi rolMy roleDiseño UX/UI y desarrollo web.UX/UI design and web development.
Qué construíWhat I builtExperiencia responsive, páginas de servicios, formularios de consulta y navegación de contacto.Responsive experience, service pages, enquiry forms and contact navigation.
Vanilla JS · Google Sheets · CloudflareLive

Heritage Real Estate

Plataforma inmobiliaria con catálogo data-driven y un formulario que registra cada lead como una fila estructurada en Google Sheets.Real-estate platform with a data-driven catalogue and a form that records every lead as a structured row in Google Sheets.

Heritage presenta proyectos residenciales y de inversión en Ciudad de Panamá y convierte cada consulta en un registro operativo. El formulario valida los datos en el navegador, los normaliza a un esquema común y los envía como JSON a un endpoint de Google Apps Script, que guarda el lead como una fila fechada en una tabla de Google Sheets y dispara el aviso por correo.Heritage presents residential and investment projects in Panama City and turns each enquiry into an operational record. The form validates data in the browser, normalises it to a shared schema and sends it as JSON to a Google Apps Script endpoint, which stores the lead as a timestamped row in a Google Sheets table and triggers an email alert.

  • FormData transforma nombre, contacto, país, proyecto, unidad, canal, mensaje y origen en columnas consistentesFormData maps name, contact, country, project, unit, channel, message and source into consistent columns
  • El formulario y el asistente conversacional reutilizan el mismo pipeline para escribir en la misma tabla de leadsThe form and conversational assistant reuse the same pipeline to write to the same lead table
  • Si Google Apps Script falla, FormSubmit AJAX actúa como respaldo por correo; WhatsApp conserva el registro antes de continuarIf Google Apps Script fails, FormSubmit AJAX provides an email fallback; WhatsApp preserves the record before continuing
Stack técnicoTechnical stack
FrontendHTML5 · CSS3 · JavaScript ES6+ · FormData API
Lead pipelineFetch API · JSON POST · Shared field schema · Client-side validation
Data & AlertsGoogle Apps Script · Google Sheets rows · Email notification
Respaldo e infraestructuraFallback & infrastructureFormSubmit AJAX · WhatsApp deep links · Cloudflare
Visitar la webVisit the site↗
ProductoProductCatálogo inmobiliario y sistema de captación para una firma de luxury real estate.Real-estate catalogue and lead-generation system for a luxury property firm.
Mi rolMy roleArquitectura de información, UX/UI, desarrollo frontend y diseño del pipeline de leads.Information architecture, UX/UI, frontend development and lead-pipeline design.
Qué construíWhat I builtCatálogo data-driven, navegación bilingüe y captura unificada desde formulario o asistente hacia Google Sheets, con alerta por correo y fallback.Data-driven catalogue, bilingual navigation and unified capture from form or assistant into Google Sheets, with email alerts and fallback.
Vanilla JS · Lead capture · CloudflareLive

Sommelier Nómada

Sitio de servicios y reservas para convertir una marca personal de hospitalidad en solicitudes calificadas.Services and booking website that turns a hospitality personal brand into qualified enquiries.

Sommelier Nómada es el sitio de servicios y reservas de Nelvin, sommelier profesional y bartender certificado. La experiencia organiza catas, eventos, coctelería y asesorías en una ruta clara desde el descubrimiento hasta la solicitud.Sommelier Nómada is the services and booking website for Nelvin, a professional sommelier and certified bartender. It organizes tastings, events, cocktails and consulting into a clear path from discovery to enquiry.

  • Servicios renderizados desde un módulo de contenido reutilizableServices rendered from a reusable content module
  • Asistente guiado para recomendar experiencias y preparar la solicitudGuided assistant that recommends experiences and prepares the enquiry
  • Formularios asíncronos, validación y continuidad por WhatsAppAsync forms, validation and WhatsApp continuation
Stack técnicoTechnical stack
FrontendHTML5 · CSS3 · Vanilla JavaScript
ArquitecturaArchitectureservices-data.js · Component-like renderers · IntersectionObserver
IntegracionesIntegrationsFormSubmit AJAX · WhatsApp · sessionStorage
InfraestructuraInfrastructureCloudflare · Cloudflare Web Analytics
Visitar la webVisit the site↗
ProductoProductSitio de servicios, posicionamiento y captación para una marca personal de hospitalidad.Services, positioning and lead-generation website for a hospitality personal brand.
Mi rolMy roleEstrategia de contenido, identidad digital, UX/UI y desarrollo frontend.Content strategy, digital identity, UX/UI and frontend development.
Qué construíWhat I builtSistema de servicios data-driven, asistente de recomendación y flujo de reserva con fallback a WhatsApp.Data-driven services system, recommendation assistant and a booking flow with WhatsApp fallback.
Python · JavaScript · Gemini · CloudflareLive

Ron Caña Intelligence

Laboratorio web de analytics con dashboard ejecutivo, modelo estrella, explorador de datos, código real y tutor de IA.Web analytics lab with an executive dashboard, star schema, data explorer, real code and an AI tutor.

Ron Caña Intelligence convierte un proyecto de business intelligence en una aplicación web educativa e interactiva. Parte de 4.234 transacciones sintéticas y conecta un reporte ejecutivo, filtros cruzados, mapa, modelo estrella, explorador de datos, visor de código y laboratorio reproducible en una sola experiencia.Ron Caña Intelligence turns a business-intelligence project into an educational, interactive web application. It starts with 4,234 synthetic transactions and brings together an executive report, cross-filters, a map, a star schema, a data explorer, a code viewer and a reproducible lab in one experience.

  • KPIs, evolución mensual, canales, productos, clientes y mapa de Panamá conectados por filtros globalesKPIs, monthly trends, channels, products, customers and a Panama map connected through global filters
  • Modelo estrella, explorador de tablas, contrato de calidad y visor del código Python y JavaScriptStar schema, table explorer, quality contract and a viewer for the Python and JavaScript code
  • Generación de muestras, carga local de CSV y tutor de Analytics con acciones seguras y contexto agregadoSample generation, local CSV uploads and an Analytics tutor with safe actions and aggregated context
Stack técnicoTechnical stack
Data & AnalyticsPython · pandas · NumPy · Star schema · Data-quality contract
Web interfaceJavaScript ES6+ · Chart.js · Leaflet · Papa Parse
AI & LearningGemini API · Guided lessons · Allowlisted actions · Local fallback
InfraestructuraInfrastructureCloudflare Pages · Functions · Local CSV processing · Synthetic data
ProductoProductLaboratorio interactivo para aprender, explorar y experimentar con analytics sobre datos sintéticos.Interactive lab for learning, exploring and experimenting with analytics on synthetic data.
Mi rolMy roleDiseño del caso, pipeline de datos, modelo dimensional, UX/UI, desarrollo web e integración del tutor de IA.Case design, data pipeline, dimensional model, UX/UI, web development and AI-tutor integration.
Qué construíWhat I builtCinco vistas conectadas, visualizaciones interactivas, validación de datos, generador reproducible, importación CSV y tutor guiado.Five connected views, interactive visualisations, data validation, a reproducible generator, CSV importing and a guided tutor.
GSAP · Vanilla JS · Modular UILive

Gallo Creativo

Portafolio editorial interactivo con casos, motion y un cotizador guiado para proyectos a medida.Interactive editorial portfolio with case studies, motion and a guided quote flow for bespoke projects.

Gallo Creativo es un portafolio editorial para un estudio de diseño industrial, fabricación y transformación de espacios. La interfaz combina casos inmersivos con un cotizador guiado que convierte una idea abierta en un brief accionable.Gallo Creativo is an editorial portfolio for an industrial-design, fabrication and space-transformation studio. It combines immersive case studies with a guided quote flow that turns an open idea into an actionable brief.

  • Sistema de motion con secuencias y animaciones ligadas al scrollMotion system with sequences and scroll-linked animation
  • Panel modular para explorar casos sin abandonar la páginaModular panel for exploring case studies without leaving the page
  • Cotizador conversacional con envío web, email y WhatsAppConversational quote flow with web, email and WhatsApp delivery
Stack técnicoTechnical stack
FrontendHTML5 · CSS3 · Vanilla JavaScript
MotionGSAP 3 · ScrollTrigger · Lenis
ArquitecturaArchitecturemain.js · qbot.js · case-panel.js · localStorage
IntegracionesIntegrationsWeb3Forms API · WhatsApp · Email · Cloudflare
Visitar la webVisit the site↗
ProductoProductPortafolio editorial y herramienta de precalificación comercial para proyectos a medida.Editorial portfolio and sales pre-qualification tool for bespoke projects.
Mi rolMy roleDirección visual, arquitectura, UX/UI, motion y desarrollo frontend.Visual direction, architecture, UX/UI, motion and frontend development.
Qué construíWhat I builtNarrativa animada, portafolio modular, panel de casos y cotizador multi-step conectado a canales comerciales.Animated narrative, modular portfolio, case-study panel and multi-step quote flow connected to sales channels.
Vanilla JS · Catalog · Cart stateLive

Taller D’Cars

Catálogo técnico-comercial con diagnóstico guiado, selección de sucursal y cotización por WhatsApp.Technical sales catalogue with guided diagnostics, branch selection and WhatsApp quotations.

Taller D’Cars es un catálogo técnico-comercial para diagnóstico y soluciones de transmisiones automáticas. El producto traduce inventario, síntomas y servicios especializados a una experiencia comprensible para clientes no técnicos.Taller D’Cars is a technical sales catalogue for automatic-transmission diagnostics and solutions. It translates inventory, symptoms and specialist services into an experience non-technical customers can understand.

  • Catálogo generado desde datos de productos, servicios y sucursalesCatalogue generated from product, service and branch data
  • Carrito de cotización persistente y resumen por sucursalPersistent quote cart and branch-specific summary
  • Diagnóstico guiado con salida directa a WhatsApp y MapsGuided diagnostics with direct WhatsApp and Maps handoff
Stack técnicoTechnical stack
FrontendHTML5 · CSS3 · Vanilla JavaScript
ArquitecturaArchitecturesite-data.js · cart.js · app.js · Data-driven rendering
EstadoStatelocalStorage · sessionStorage · URLSearchParams
IntegracionesIntegrationsWhatsApp API links · Google Maps · Email · Cloudflare
Visitar la webVisit the site↗
ProductoProductCatálogo de servicios y repuestos con diagnóstico, cotización y enrutamiento por sucursal.Services and parts catalogue with diagnostics, quoting and branch routing.
Mi rolMy roleArquitectura de producto, UX/UI, modelado del catálogo y desarrollo frontend.Product architecture, UX/UI, catalogue modelling and frontend development.
Qué construíWhat I builtModelo de datos comercial, buscador y filtros, carrito persistente, fichas de producto y handoff a WhatsApp.Commercial data model, search and filters, persistent cart, product pages and WhatsApp handoff.

Cuéntame tu casoTell me your case

respuesta en 24-48hreply within 24-48h
Falta tu nombreName required
Email no válidoInvalid email
Cuéntame algo del casoAdd a few details
¡Mensaje enviado!Message sent! Te respondo el mismo día si entra antes de las 6pm, máximo 24h. I'll reply the same day if it lands before 6pm; max 24h otherwise.

Me puedes escribir si necesitas You can reach out if you need

Una web más claraA clearer website

Un sitio web para presentar mejor tu servicio, producto o marca personal.A website to present your service, product or personal brand more clearly.

Un dashboard o reporte útilA useful dashboard or report

Datos que hoy viven en hojas, PDFs o sistemas separados y necesitan una vista clara.Data currently living in sheets, PDFs or separate systems that needs a clear view.

Automatizar trabajo repetitivoAutomate repetitive work

Procesos manuales que se pueden simplificar con scripts, APIs o flujos conectados.Manual processes that can be simplified with scripts, APIs or connected flows.

Una herramienta interna pequeñaA small internal tool

Algo simple para capturar información, ordenar tareas o apoyar una operación diaria.Something simple to capture information, organize tasks or support daily operations.

Revisar una idea técnicaReview a technical idea

Si no sabes todavía qué conviene construir, puedo ayudarte a aterrizar una primera versión.If you're not sure what should be built yet, I can help shape a first version.

WhatsApp
LinkedIn
GitHub
EmailEmail
Ver proyectosView work