Portafolio Laboral

Desarrollador de Software Full Stack · Web · Móvil · Escritorio · Videojuegos · SQL · Supabase · VPS · Soporte Técnico

Respondo en menos de 24 h · lajjmex117@gmail.com

La experiencia, las fortalezas, el soporte técnico, la educación y los idiomas están en el perfil profesional. Aquí vive la obra: los proyectos y su stack.

Quality Engineering & Testing

Combino desarrollo con testing práctico: pruebas unitarias con Vitest, flujos E2E con Playwright, pruebas .NET con xUnit, comprobaciones automáticas de accesibilidad con axe-core y análisis estático con TypeScript estricto.

  • Instinto Guardián: 403 pruebas unitarias y 53 E2E documentadas en el portafolio, junto con CI/CD y auditoría de accesibilidad.
  • SICE: 47 pruebas automatizadas .NET documentadas. La reserva atómica se presenta como decisión de ingeniería; no se atribuye una prueba específica de concurrencia sin su reporte.
  • CECATI 106: validación de CURP y firmas binarias de archivos, con RLS para los expedientes enviados.

Son registros de los proyectos, no una nueva ejecución de sus suites privadas. Las comprobaciones automáticas complementan, pero no sustituyen, las revisiones manuales funcionales y de accesibilidad.

Proyectos Técnicos Destacados

7 de 7 proyectos

SICE - tablero de Control Escolar ● Sistema institucional

SICE — Sistema de Inscripción y Control Escolar

Escritorio + Web

Sistema completo de inscripción escolar para el CECATI 106 Los Cabos (escuela pública), que sustituye un proceso en papel y hojas de cálculo por un expediente digital verificable. El aspirante se inscribe desde la web con sus documentos; Control Escolar los importa, revisa y resuelve desde una aplicación de escritorio, con máquina de 12 estados, folio institucional transaccional, respaldos cifrados y bitácora de auditoría. El reto técnico central fue el cupo: reserva atómica en base de datos para que dos aspirantes no puedan ocupar el mismo lugar.

SICE - formulario de inscripción en línea SICE - importación de solicitudes web SICE - bandeja de solicitudes SICE - respaldos cifrados SICE - bitácora de auditoría SICE - modo contingencia
Escala del proyecto / Project scale

18,367 líneas · 10 proyectos · 52 endpoints · 47 pruebas automatizadas en verde · arquitectura de monolito modular en capas con dominio sin dependencias externas.

Caso técnico · arquitectura, calidad y evidencia
Rol y problema
Desarrollo de software institucional para sustituir inscripción en papel y hojas de cálculo por expedientes verificables.
Sistema y responsabilidades
API, portal público y escritorio de Control Escolar; importación, revisión, estados del expediente, folios, respaldos y auditoría.
Arquitectura y datos
Monolito modular por capas: dominio sin dependencias externas, ASP.NET Core, Razor Pages, WPF/MVVM y Entity Framework Core; PostgreSQL/Supabase con SQLite de contingencia. 52 endpoints documentados.
Reserva atómica y concurrencia
Dos solicitudes simultáneas podrían intentar ocupar el último lugar. La implementación documentada reserva el cupo de forma atómica en la base de datos para mantener consistencia; el folio utiliza control transaccional.
Quality Engineering & Testing
47 pruebas automatizadas con xUnit documentadas en el portafolio. Los reportes y el código del sistema no forman parte de este sitio; no se afirma aquí que exista una prueba específica de concurrencia sin revisar esa evidencia.
Seguridad y despliegue
Respaldos AES-256, Encrypt-then-MAC y PBKDF2; bitácora por actor, acción y resultado. Despliegue documentado en Docker/Render.
Resultado y evidencia
Sistema descrito en uso institucional; capturas del tablero, solicitudes, auditoría y contingencia conservadas arriba. Repositorio privado y sin acceso público al sistema.
Solicitar revisión técnica del repositorio privado
C#.NET 10ASP.NET Core Minimal APIsRazor PagesWPF MVVMEntity Framework CorePostgreSQL SQLiteSupabaseDocker RenderAES-256Auditoría xUnitInno Setup
CECATI 106 - página de inicio ● En producción

CECATI 106 — Sitio institucional e inscripción en línea

Web

Sitio del CECATI 106 Los Cabos (centro de capacitación de la SEP) que sustituye el trámite presencial de inscripción por un flujo en línea conectado con el sistema de control escolar del plantel. Incluye un formulario de 6 pasos que captura la ficha oficial SI-01 completa, catálogo de 24 cursos, test vocacional, asistente virtual, galerías con lightbox y un sistema de accesibilidad con modo oscuro, alto contraste y escalado de texto.

Construido sin frameworks, sin bundler y con cero dependencias de npm. Validación de CURP con el dígito verificador del algoritmo RENAPO; verificación de documentos por firma binaria (un PDF renombrado a .jpg se rechaza antes de subirse); compresión de imágenes en el navegador con Canvas (una foto de 3.4 MB baja a 361 KB, 90% menos); y un asistente virtual con motor NLP propio —33 intenciones, distancia de Levenshtein escrita a mano— que responde con el catálogo consultado en vivo desde la base de datos. La seguridad vive en las políticas Row Level Security: las solicitudes se pueden enviar, pero nadie puede leerlas ni descargar expedientes ajenos desde internet.

CECATI 106 - formulario de inscripción en línea CECATI 106 - asistente virtual CECATI 106 - catálogo de cursos CECATI 106 - test vocacional CECATI 106 - requisitos de inscripción CECATI 106 - servicios y modalidades
Escala del proyecto / Project scale

14 secciones · 8 hojas CSS en capas (3,435 líneas) · 9 scripts vanilla (2,209 líneas) · 66 tokens de diseño · 60 atributos ARIA · 24 cursos publicados · 0 dependencias npm.

Caso técnico · arquitectura, calidad y evidencia
Rol y problema
Desarrollo web institucional: facilitar la consulta pública y conectar la inscripción con Control Escolar.
Responsabilidades y arquitectura
Flujo SI-01 de seis pasos, cursos, test vocacional y asistente; HTML, CSS y JavaScript vanilla sobre Supabase, PostgreSQL, PostgREST y Storage.
Calidad y validación
CURP con dígito verificador, firmas binarias de archivos y compresión de imágenes mediante Canvas. Estos son controles implementados según la documentación, no resultados de una suite automatizada ejecutada aquí.
Seguridad
Políticas RLS documentadas para proteger solicitudes y expedientes. La configuración privada no se publica en el portafolio.
Resultado y evidencia
Sitio institucional publicado, capturas de formulario y catálogo, y enlace público existente. El caso reúne UX, accesibilidad WAI-ARIA, validación y despliegue en Netlify.
Solicitar revisión técnica del repositorio privado
HTML5 semánticoCSS3 en capasJavaScript vanilla ES ModulesSin frameworks0 dependencias SupabasePostgreSQLPostgREST Row Level SecuritySupabase Storage NLP propioLevenshteinValidación CURP (RENAPO) Magic bytesCanvas APIPointer Events Accesibilidad WAI-ARIAResponsive SEO · JSON-LDNetlify
Instinto Guardián - página de inicio ● En producción

Instinto Guardián — PWA de protección animal y seguridad humana

Web · PWA

Aplicación web progresiva pensada para el peor momento: cuando algo ya está pasando y no hay tiempo de buscar información. Reúne modo emergencia, un botón de acción configurable (alarma, grabadora local, SOS encadenado), orientación legal con leyes reales y el directorio de las 32 fiscalías de México, primeros auxilios para personas y mascotas, salud mental, mapa comunitario, QR de vida, adopciones, reportes y una capa social con chats y grupos. Funciona sin conexión y es 100% gratuita.

Decisiones de ingeniería propias: asistente que responde sin IA y sin conexión mediante un motor determinista por capas (crisis → seguridad → intención); motor de traducción propio a más de 130 idiomas que nunca envía lo que escriben las personas; transferencia de archivos entre teléfonos solo con pantalla y cámara usando fountain codes (Luby Transform); y una IA opcional que se ejecuta íntegramente en el navegador con WebGPU, con consentimiento previo.

Instinto Guardián - sección Tus Derechos Instinto Guardián - modo emergencia Instinto Guardián - Asistente Guardián Instinto Guardián - mapa animalista Instinto Guardián - compartir por QR Instinto Guardián - Te enseño a sobrevivir
Escala del proyecto / Project scale

55,852 líneas de TypeScript · 426 archivos · 61 rutas · 26 migraciones SQL · 403 pruebas unitarias + 53 end-to-end · auditoría de accesibilidad WCAG 2.1 AA con axe.

Caso técnico · arquitectura, calidad y evidencia
Rol y problema
Desarrollo full-stack de un proyecto propio publicado para facilitar acceso a herramientas de protección animal y seguridad humana, incluso sin conexión.
Responsabilidades
Interfaces, persistencia, asistente determinista, traducción, funciones locales del navegador y despliegue. Las capacidades completas y capturas se conservan arriba.
Arquitectura
Next.js 16, React 19 y TypeScript strict; PWA con Service Worker e IndexedDB; Supabase/PostgreSQL con RLS y Realtime. Asistente por capas: crisis, seguridad e intención.
Quality Engineering & Testing
403 pruebas unitarias con Vitest y 53 E2E con Playwright documentadas; auditoría de accesibilidad con axe. Son cifras del proyecto, no una nueva ejecución de su repositorio privado ni una afirmación de cobertura total.
Seguridad y privacidad
RLS para permisos, Zod para validación, procesamiento local y consentimiento previo para IA opcional en WebGPU; el motor de traducción descrito no envía lo que escriben las personas.
CI/CD y accesibilidad
Publicación GitHub/Netlify, dominio propio y HTTPS. El portafolio documenta comprobaciones WCAG 2.1 AA con axe; la automatización no sustituye una revisión manual completa.
Resultado y evidencia
PWA publicada y gratuita; capturas y enlace a la aplicación disponibles. Arquitectura y testing del repositorio privado se revisan de forma controlada durante una entrevista técnica.
Solicitar revisión técnica del repositorio privado
Next.js 16React 19TypeScript strict TailwindCSSRadix UIFramer Motion SupabasePostgreSQLRow Level Security RealtimeZodPWA Service WorkerIndexedDBMapLibre GL OpenStreetMapWebGPU / WebLLMWeb Audio API VitestPlaywrightaxe · WCAG 2.1 AA NetlifyDominio propioCI/CD GitHub → NetlifyDNSHTTPS

Universo TJSX — Portafolio Digital

Web

Sitio web personal que reúne portafolio laboral, proyectos técnicos, música, contenido de terror y enlaces sociales en una sola experiencia digital. Diseño responsivo, SEO, chatbot offline, lightbox de capturas y estructura one-page. Publicado con dominio propio y despliegue continuo desde GitHub.

HTMLCSSJavaScript SEOUI/UXNetlify Dominio propioCI/CDGitHub → Netlify DNSHTTPS
Auralis Mastering Pro - reporte de diagnóstico ● Producto real

Auralis Mastering Pro

Desktop

Motor de masterización de audio para Windows con análisis asistido por IA: medición de LUFS integrados, True Peak, LRA y balance espectral, perfiles (Streaming Safe -14 LUFS), plan de masterización automático, sistema de licencias y exportación. Usado en producción en la propia discografía de KIDJSX.

Auralis - interfaz principal Auralis - opciones de master Auralis - licencia y activación
PythonDSP de audioIA WindowsLicenciamiento
TheJuanSnisherX Visualizer Studio ● Producto real

Visualizer Studio

Desktop

Estudio de escritorio que convierte música en videos MP4 listos para publicar: espectros circulares, audio sincronizado, fondos cinematográficos y presets para Reels/vertical. Exporta H.264 + AAC 1080p con FFmpeg. Arquitectura local-first: sin login, sin nube, sin telemetría.

FFmpegGeneración de video AudioLocal-first
● En desarrollo

Juego de terror para Android

Móvil · Videojuego

Videojuego de terror para Android en desarrollo, construido con Unity y Android Studio. Actualmente en fase de prototipo.

Prototipo en desarrollo.

UnityAndroid Studio C#

Stack Tecnológico

Enfoque del stack

Principal / Core

TypeScript · JavaScript · React · Next.js · C#/.NET · SQL · Supabase · Git

Experiencia práctica / Hands-on

Python · Flutter · PHP · Playwright · Vitest · xUnit · Docker · Tauri

Familiaridad / Additional: Rust · Java · AWS · VPS. La clasificación organiza el enfoque profesional; el inventario completo y sus tecnologías se conservan a continuación.

Lenguajes
PythonC#JavaScript TypeScriptKotlin JavaRust
Frontend & Web
ReactNext.jsASP.NET CoreRazor PagesHTML CSSTailwind CSSRadix UIMapLibre GLOpenStreetMapFramer Motion
Móvil & Desktop
FlutterUnityWPF (.NET)Android Studio Jetpack ComposeTauri
Backend & Datos
Node.js.NET 10Entity Framework CorePostgreSQLFlaskPHP FirebaseSupabaseMySQL SQLiteSQL Server APIs RESTPostgRESTJWTRow Level SecuritySupabase StorageSupabase RealtimeZod
APIs del navegador y multimedia
Canvas APIPointer EventsWeb Audio API MediaRecorderIndexedDBService Worker PWAWebGPU (WebLLM)Web Crypto ES ModulesFFmpeg
Calidad, pruebas y accesibilidad
xUnitVitestPlaywright Accesibilidad WCAG 2.1 AAWAI-ARIAaxe-core Seguridad aplicadaCriptografía aplicada (AES-256) Content Security Policy
Algoritmos e implementaciones propias
NLP sin dependenciasDistancia de Levenshtein Fountain codes (Luby Transform)Validación CURP (RENAPO) Detección por firma binariaDSP de audio Integración de IAMVVM
DevOps, Cloud y Despliegue
GitGitHubCI/CD DockerNetlifyRender AWSVPSDNS HTTPS / TLSInno Setup

Preguntas frecuentes de reclutadores

¿Qué tipo de roles busca?
Perfiles full-stack prácticos: desarrollo web, aplicaciones móviles, aplicaciones de escritorio, videojuegos y soporte de software. También proyectos freelance.
¿Está disponible para trabajo remoto?
Sí: remoto, híbrido y freelance. Ubicado en Veracruz, México. Respuesta a correos en menos de 24 horas.
¿Qué proyectos están en producción?
Tres sitios públicos con dominio propio o publicación en Netlify: CECATI 106 (sitio institucional con inscripción en línea, hecho sin frameworks ni dependencias), Instinto Guardián (PWA con Next.js 16, React 19 y Supabase, con 403 pruebas unitarias y 53 end-to-end) y este mismo sitio. Además, SICE, sistema de inscripción y control escolar en uso institucional en el CECATI 106 Los Cabos (escritorio + web, .NET 10); dos aplicaciones de escritorio en uso real (Auralis Mastering Pro y Visualizer Studio). Ver los 7 proyectos.
¿Qué tecnologías utiliza?
Principalmente React, Next.js, TypeScript, JavaScript, Python, C# / .NET, Flutter, Unity, PHP y SQL (PostgreSQL, MySQL, SQLite), con ASP.NET Core, WPF, Entity Framework Core, Firebase, Supabase, Docker, Tauri, FFmpeg, MapLibre y pruebas con Vitest, Playwright y xUnit según el proyecto. Ver el stack completo.
¿El código está disponible?
Cuenta con repositorios de trabajo en GitHub. Por seguridad y protección de código, el acceso a repositorios privados se comparte de forma controlada durante procesos de reclutamiento o entrevistas técnicas.
¿Cuenta con CV y cuál es su nivel de inglés?
Sí: CV en español (PDF) y résumé en inglés (PDF). Nivel de inglés: avanzado. También hay un perfil profesional en inglés.
¿Cómo lo contacto?
Correo laboral: lajjmex117@gmail.com. Respondo en menos de 24 horas.

¿Buscas un desarrollador full-stack que construya soluciones reales?

Disponible para perfiles full-stack prácticos, freelance, remoto y colaboraciones profesionales.

lajjmex117@gmail.com CV y teléfono: disponibles por privado a solicitud