Desarrollo Web

Explora mis proyectos de desarrollo web que muestran tecnologías modernas de frontend y backend

Aura Visuals

Aura Visuals

Aplicación web de visualización de audio en tiempo real con 19 visualizadores 2D únicos que responden a la música. Desarrollada con Next.js 15 y Canvas 2D API, analiza datos de frecuencia de audio para renderizar visualizaciones dinámicas y personalizables con múltiples paletas de colores y parámetros configurables. Incluye interfaz retro con controles analógicos.

Next.js TypeScript Canvas 2D API +1
Visor de Modelos 3D

Visor de Modelos 3D

Aplicación web interactiva para visualización de modelos 3D desarrollada con React, TypeScript y Three.js. Permite cargar archivos .obj con múltiples opciones de renderizado, controles de cámara intuitivos y gestión de estado con Zustand. Incluye interfaz moderna con shadcn/ui y optimización para producción con Vite.

React TypeScript Three.js +1
Dashboard de Analítica Corporativa

Dashboard de Analítica Corporativa

Dashboard empresarial moderno con visualización de datos en tiempo real para venta y alquiler de computadores corporativos. Desarrollado con Next.js 14 y TypeScript, integra Google Sheets API, actualización automática cada 5 segundos, gráficos interactivos con Recharts, modo claro/oscuro y exportación a CSV. Incluye sistema de caché en memoria y diseño completamente responsive.

Next.js TypeScript Google Sheets API +1
JJ Proyectos Inmobiliarios

JJ Proyectos Inmobiliarios

Plataforma inmobiliaria desarrollada en WordPress para una empresa local, diseñada para facilitar la publicación de propiedades en venta. Incluye formularios dinámicos paso a paso que guían intuitivamente a los usuarios en el proceso de carga de información, fotografías y detalles técnicos de inmuebles, optimizando la experiencia de publicación.

WordPress PHP MySQL
Nature Photo

Nature Photo

Galería fotográfica responsiva desarrollada con Astro y optimizada para rendimiento. Implementa lazy loading progresivo, compresión automática de imágenes y SEO optimizado para maximizar la visibilidad del contenido visual.

Astro TailwindCSS
StarGrow Academy

StarGrow Academy

LMS personalizado en Moodle para aprendizaje de inglés con sistema de progreso gamificado, evaluaciones automáticas, dashboard de estadísticas y módulos interactivos. Incluye tracking de estudiantes y herramientas de gestión académica.

Moodle
Rocket Tales

Rocket Tales

Aplicación web interactiva sobre exploración espacial desarrollada con React y Axios. Integra APIs de la NASA para datos en tiempo real, sistema de navegación por timeline, componentes reutilizables y estado global optimizado para una experiencia educativa inmersiva.

React TailwindCSS Axios
Harmonic Stats

Harmonic Stats

Dashboard de analítica musical con Chart.js y integración API de Spotify. Implementa visualizaciones dinámicas, filtros avanzados, caching de datos y algoritmos de recomendación basados en patrones de escucha para descubrimiento musical personalizado.

Astro TailwindCSS Axios +1
Geoingeniería M&M

Geoingeniería M&M

Sitio web corporativo desarrollado en React con arquitectura SPA optimizada para conversión. Incluye CMS headless, formularios de contacto integrados, galería de proyectos dinámica y optimización SEO técnico para el sector industrial.

React TailwindCSS
Gallery Art

Gallery Art

Aplicación web que demuestra integración avanzada con APIs RESTful usando Axios. Implementa manejo de estados, loading states, error handling y paginación infinita para una experiencia de usuario optimizada en la consulta de datos.

React TailwindCSS Axios

Ingeniería

Descubre mis proyectos de ingeniería que involucran hardware, IoT y sistemas integrados.

Diseño de Tuberías para Tanques de la Industria Alimentaria

Diseño de Tuberías para Tanques de la Industria Alimentaria

Sistema integral de tuberías para tanques de industria alimentaria desarrollado en SolidWorks. Incluye cálculos hidráulicos de precisión, accesorios especializados y cumplimiento de normativas sanitarias, optimizando el flujo de producto y reduciendo tiempos de limpieza en un 30%.

SolidWorks CAD Design
Diseño de Producto para Fotocabina

Diseño de Producto para Fotocabina

Estructura modular de fotocabina en chapa metálica con optimización DFM (Design for Manufacturing). Desarrollo completo desde modelado 3D hasta planos de fabricación, incluyendo nesting para minimizar desperdicios de material (15% de ahorro) y ensamblaje simplificado con sistemática de unión sin soldadura.

SolidWorks CAD Design
Sistema de Transmisión Automatizado para Fábrica Textil

Sistema de Transmisión Automatizado para Fábrica Textil

Diseñé e implementé un sistema de transmisión mecánica para optimizar el flujo operativo de una fábrica textil. Usando SolidWorks, el sistema fue diseñado con engranajes, cadenas, piñones y cilindros neumáticos, e integrado con controles automáticos para ajustar variables como velocidad, flujo de material y torque. El proyecto abarcó las fases de formulación, diseño y puesta en marcha, asegurando que el sistema cumpliera con todos los requisitos del cliente en cuanto a eficiencia y confiabilidad.

SolidWorks CAD Design
Silos de Material Granular con Sistema de Dosificación Automatizado

Silos de Material Granular con Sistema de Dosificación Automatizado

Sistema automatizado de silos con capacidad para 50+ toneladas y dosificación de precisión (±0.5%). Integra cálculos estructurales FEA, transportadores de tornillo dimensionados y control PLC con celdas de carga para dosificación automática. Incluye HMI para monitoreo en tiempo real y trazabilidad completa del proceso.

SolidWorks CAD Design FEA Analysis
Diagrama P&ID para Sistemas de Tuberías Industriales

Diagrama P&ID para Sistemas de Tuberías Industriales

Creé un Diagrama de Tuberías e Instrumentación (P&ID) detallado usando AutoCAD, mapeando el flujo completo de varios servicios como aire comprimido, agua caliente, líneas de producto y vapor. El diagrama incluye todo el equipo, entradas, salidas y accesorios esenciales, junto con especificaciones como diámetros de tubería y direcciones de flujo. Cada línea fue planificada meticulosamente en base a cálculos para determinar sus componentes y disposición, asegurando un flujo operativo óptimo y eficiente para el sistema industrial.

AutoCAD CAD Design
PCB de Transmisor FM con Sistema de Monitoreo Digital

PCB de Transmisor FM con Sistema de Monitoreo Digital

Diseñé una PCB para un transmisor FM, incorporando múltiples etapas para el procesamiento de señales de audio. La placa cuenta con un sistema de monitoreo digital alimentado por un ESP32 y una pantalla TFT, proporcionando información en tiempo real sobre variables clave como potencia operativa, frecuencia de transmisión, medidores VU de audio izquierdo/derecho, temperatura y estado de la antena. La PCB fue diseñada en KiCAD, asegurando precisión en el diseño y funcionalidad para cumplir con los requisitos específicos de integridad de señal y monitoreo de rendimiento.

KiCAD PCB Design
Diseño de Interfaz HMI para Transmisor FM

Diseño de Interfaz HMI para Transmisor FM

Desarrollé una Interfaz Hombre-Máquina (HMI) para el proyecto del transmisor FM, mostrando variables críticas del sistema en una pantalla TFT. La interfaz incluye elementos gráficos como medidores VU para modulación R, L y MPX, lecturas de potencia directa y reflejada, temperatura del sistema, frecuencia de transmisión y un sistema de alarmas para notificar a los usuarios sobre comportamientos específicos de parámetros. Además, se implementó un panel de configuración táctil para facilitar los ajustes del usuario. La interfaz fue diseñada usando LittleVGL y mejorada con Squareline Studio para una experiencia pulida y amigable para el usuario.

ESP32 LittleVGL Squareline Studio
Diseño de PCB Personalizado para Sistema Basado en ATmega32u4

Diseño de PCB Personalizado para Sistema Basado en ATmega32u4

PCB custom basada en ATmega32u4 con expansión I/O escalable. Incorpora microSD, dual multiplexores (16 canales adicionales), hub USB y routing optimizado para integridad de señal. Diseño modular en KiCAD con compatibilidad Arduino y certificación EMC para aplicaciones industriales.

KiCad PCB Design
Diseño de Transportador de Rodillos para Contenedores de Chatarra Comprimida

Diseño de Transportador de Rodillos para Contenedores de Chatarra Comprimida

Diseñé un sistema de transportador de rodillos para contenedores de chatarra comprimida, con dos motores con engranajes, integración de celdas de carga para medición de peso y un mecanismo de parada para verificar el peso de los contenedores antes de que se muevan a la siguiente etapa. Se prestó especial atención a la selección de materiales y cálculos para asegurar la durabilidad en las duras condiciones de un entorno metalúrgico. El diseño se completó usando SolidWorks, asegurando la funcionalidad y resistencia del sistema bajo condiciones operativas exigentes.

SolidWorks CAD Design FEA Analysis

¿Listo para comenzar tu próximo proyecto?

¡Hablemos sobre cómo podemos trabajar juntos para hacerlo realidad!