Portafolio de evidencia

Héctor Páramo Velásquez

Desarrollador Full-Stack. Construyo sistemas completos end-to-end — APIs backend, apps web y móviles, integraciones con IA — y también desarrollo videojuegos en Unity.

📍 Tijuana, México · 📧

Sobre mí

Desarrollador full-stack con experiencia construyendo aplicaciones web empresariales en producción (React.js, Ant Design, Node.js, MySQL) y, en paralelo, un conjunto de proyectos personales que cubren arquitecturas multi-servicio, apps móviles nativas, integraciones con IA y almacenamiento en la nube, y procesamiento en background.

También desarrollo videojuegos en Unity/C# en equipo, y mi formación previa en Ingeniería Industrial me da una perspectiva orientada a procesos, eficiencia y resolución de problemas que aplico al diseño de sistemas de software.

Fuera del código de trabajo, escribo en NAKAMA, mi blog personal: devlogs de videojuegos y backend, música, reseñas y experimentos con ropa e impresión 3D.

Rol actual
Software Developer @ G Global
Desde
Jul 2022
Ubicación
Tijuana, México
Formación
Ing. Desarrollo de Software
Antes de software
Ing. Industrial

Dwg 01 Lista de materiales — Stack

Tecnologías usadas tanto en el trabajo diario como en mis proyectos personales.

ÍtemComponenteCategoría
01TypeScript · JavaScript · Python · C# (Unity)Lenguajes
02Node.js · Express · NestJSBackend
03React · Vite · Redux Toolkit · Ant Design · Tailwind CSSFrontend web
04React Native · Widgets nativos Android · ElectronMóvil & desktop
05MySQL · PostgreSQL · MongoDB · Prisma · SequelizeBases de datos
06AWS S3 · Cloudflare R2 · Railway · FirebaseCloud & storage
07Groq (LLM y Vision) · Gemini · TensorFlow · PyTorch / Demucs · face-apiIA / ML
08Docker · GitLab CI · Pulumi · Jest / Vitest · ESLint / BiomeDevOps & testing
09Unity · C# · URP · desarrollo colaborativoVideojuegos

Dwg 02 Proyectos

Evidencia de trabajo: sistemas empresariales, apps móviles, integraciones con IA y un videojuego en desarrollo. Haz clic en cada uno para ver el detalle.

Profesionales

🛃 G-Nex / Anexo 24 ▶

Sistema de gestión aduanera multi-tenant para operaciones de comercio exterior en México (pedimentos, facturas, manifestaciones de valor, integración con VUCEM), desarrollado como parte de mi trabajo en G Global. Una base MySQL por empresa cliente, resuelta dinámicamente a partir del tenant_id incluido en el JWT — sin bases compartidas ni rutas hardcodeadas.

Cliente NestJS · Auth login Express · API core JWT{tenant_id} MySQL A MySQL B MySQL C resuelve por tenant_id
El JWT que emite NestJS lleva el tenant_id; Express lo usa para decidir a cuál MySQL de empresa conectarse.
  • Arquitectura de 3 servicios: React + TypeScript, NestJS (auth), Express + TypeScript (API core)
  • Procesamiento en background con worker threads para importaciones/reportes masivos
  • Integración SOAP con sistemas gubernamentales, generación de PDFs, almacenamiento en S3
ReactRedux Toolkit NestJSExpress MySQLSequelize
🚨 Plataforma de transporte — SITT ▶

Plataforma para el sistema de transporte público, con integración a los centros de mando C4 de seguridad pública. Desarrollado durante mi tiempo en IDG (sin nombre de cliente por confidencialidad).

  • Función de botón de pánico integrada con el sistema C4 mediante Web Services SOAP
  • Conversión JSON ↔ XML para comunicarse con los servicios SOAP de C4
  • Endpoints para consulta y envío de información en tiempo real
  • Integración de servicios entre aplicaciones móviles y backend
C#SOAP FirebaseReact

Personales

🦝 NAKAMA ▶

Blog personal y estudio creativo que engloba desarrollo de videojuegos, backend, música, ropa e impresión 3D: devlogs, tracks, reseñas y experimentos. Sitio estático generado con Eleventy, sin JavaScript para el visitante; la media pesada vive en Cloudflare R2.

Ver sitio: nakama.com.co ↗

EleventyNunjucks VercelCloudflare R2
🎵 Velody ▶

Aplicación de escritorio para separar canciones en stems (voz, batería, bajo, etc.) y practicar sobre ellas. Tres procesos independientes coordinados por IPC — la separación de audio ocurre fuera del proceso principal para no congelar la UI.

React · UI Node · Proceso principal IPC Python · Demucs spawn · stdin stems .wav · stdout
Node lanza Python como subproceso para correr Demucs; la UI de React sigue respondiendo mientras se procesa el audio.
  • Motor de audio propio sobre Web Audio API, con sincronización precisa entre stems
  • Separación de audio con Demucs (PyTorch) y detección de BPM/tonalidad con ML
  • Auto-configuración del entorno Python en el primer arranque
ElectronReact PythonPyTorch Demucs
💰 Varo ▶

Aplicación móvil de finanzas personales con proyecciones inteligentes de metas de ahorro, transacciones recurrentes automatizadas con cron jobs, y escaneo de recibos con IA (Groq Vision) para captura automática de gastos. Widget nativo de Android renderizado con Skia.

React NativeNestJS PrismaPostgreSQL Groq API
📸 Vaulta ▶

App de almacenamiento y organización de fotos/video tipo "vault" privado: reconocimiento facial y agrupación de personas (face-api + TensorFlow en proceso aislado), detección de duplicados por hashing perceptual, exportación asíncrona a ZIP, vault protegido con PIN + biometría.

React NativeNestJS PostgreSQLCloudflare R2/S3 FirebaseTensorFlow
📚 Vellum ▶

App móvil de lectura de EPUBs con sincronización de progreso, notas y recomendaciones inteligentes. Arquitectura offline-first con cola de sincronización persistente y reintentos automáticos; resúmenes de capítulos generados por IA (Groq/Gemini).

React NativeExpress PrismaPostgreSQL GroqGemini
🎮 Viva2026 ▶

Videojuego 2D de acción sigilosa en desarrollo, inspirado en Katana Zero, Hotline Miami y Dead Cells. Nivel construido enteramente de forma procedural en runtime (sin prefabs): cámara, jugador, enemigos, plataformas y UI generados por código. Sistema de habilidades por máscaras extensible.

Unity 6C# URPAndroid
🎬 Veya ▶

App móvil para descubrir, guardar y organizar películas, series y anime — resuelve el "quería ver algo y ya no recuerdo qué". Búsqueda unificada sobre TMDB y AniList, estados de progreso (pendiente/viendo/terminado/abandonado) y recomendaciones basadas en gustos reales del usuario.

React NativeNestJS PrismaPostgreSQL TMDBAniList
🎨 arcd_kit ▶

Sistema de diseño compartido entre las 6 apps de producto (Varo, VaultGaming, Vaulta, Vellum, Veya, Velody): una sola rampa de grises, tipografía, spacing/radios, motion e iconos — con color de marca propio por app. Hoy es un starter kit para copiar dentro de cada repo, con el plan de convertirse en librería instalable vía package.json. En proceso.

TypeScriptDesign Tokens React NativeReanimated
🃏 PokeV ▶

App móvil personal para llevar el álbum de cartas Pokémon de mi hijo de 6 años y mío: colección con logros por hitos (nunca "cuántas faltan"), una Pokédex propia con solo lo que hemos descubierto, escaneo de cartas por foto con IA y un widget de Android que "voltea" a una nueva carta favorita. Proyecto personal, sin fines comerciales, no afiliado a Nintendo/The Pokémon Company.

React NativeNestJS PrismaPostgreSQL Groq VisionPokeAPI

Dwg 03 En desarrollo — Raccoon