Web Development

Explore my web development projects showcasing modern frontend and backend technologies

Aura Visuals

Aura Visuals

Real-time audio visualization web app featuring 19 unique 2D visualizers that respond to music. Built with Next.js 15 and Canvas 2D API, it analyzes audio frequency data to render dynamic, customizable visualizations with multiple color palettes and configurable parameters. Includes retro-themed UI with analog controls.

Next.js TypeScript Canvas 2D API +1
3D Model Viewer

3D Model Viewer

Interactive web application for 3D model visualization built with React, TypeScript, and Three.js. Allows loading .obj files with multiple rendering options, intuitive camera controls, and state management with Zustand. Features modern UI with shadcn/ui components and production optimization with Vite.

React TypeScript Three.js +1
Corporate Analytics Dashboard

Corporate Analytics Dashboard

Modern business dashboard with real-time data visualization for corporate computer sales and rentals. Built with Next.js 14 and TypeScript, featuring Google Sheets API integration, auto-refresh every 5 seconds, interactive charts with Recharts, dark/light mode, and CSV export. Includes in-memory caching system and fully responsive design.

Next.js TypeScript Google Sheets API +1
JJ Real Estate Projects

JJ Real Estate Projects

Real estate platform developed in WordPress for a local company, designed to facilitate property listing for sale. Features dynamic step-by-step forms that intuitively guide users through the process of uploading information, photos, and technical details of properties, optimizing the publishing experience.

WordPress PHP MySQL
Nature Photo

Nature Photo

Responsive photography gallery built with Astro and optimized for performance. Features progressive lazy loading, automatic image compression, and SEO optimization to maximize visual content visibility.

Astro TailwindCSS
StarGrow Academy

StarGrow Academy

Custom LMS built on Moodle for English learning with gamified progress system, automated assessments, statistics dashboard, and interactive modules. Includes student tracking and academic management tools.

Moodle
Rocket Tales

Rocket Tales

Interactive space exploration web app built with React and Axios. Integrates NASA APIs for real-time data, timeline navigation system, reusable components, and optimized global state for an immersive educational experience.

React TailwindCSS Axios
Harmonic Stats

Harmonic Stats

Music analytics dashboard with Chart.js and Spotify API integration. Features dynamic visualizations, advanced filtering, data caching, and recommendation algorithms based on listening patterns for personalized music discovery.

Astro TailwindCSS Axios +1
Geoingeniería M&M

Geoingeniería M&M

Corporate website developed in React with SPA architecture optimized for conversion. Features headless CMS, integrated contact forms, dynamic project gallery, and technical SEO optimization for the industrial sector.

React TailwindCSS
Gallery Art

Gallery Art

Web application demonstrating advanced RESTful API integration using Axios. Implements state management, loading states, error handling, and infinite pagination for optimized data fetching user experience.

React TailwindCSS Axios

Engineering

Discover my engineering projects involving hardware, IoT, and embedded systems.

Piping Design for Food Industry Tanks

Piping Design for Food Industry Tanks

Comprehensive piping system for food industry tanks developed in SolidWorks. Features precision hydraulic calculations, specialized fittings, and compliance with sanitary regulations, optimizing product flow and reducing cleaning times by 30%.

SolidWorks CAD Design
Product Design for Photo Booth

Product Design for Photo Booth

Modular photo booth structure in sheet metal with DFM (Design for Manufacturing) optimization. Complete development from 3D modeling to fabrication blueprints, including nesting for material waste minimization (15% savings) and simplified assembly with weld-free joining system.

SolidWorks CAD Design
Automated Transmission System for Textile Factory

Automated Transmission System for Textile Factory

Automated mechanical transmission system for textile factory optimization. Features precision gear trains, pneumatic actuators, and PLC integration for real-time control of speed, material flow, and torque parameters. Complete project lifecycle from concept to commissioning with 25% efficiency improvement.

SolidWorks CAD Design
Granular Material Silos with Automated Dosing System

Granular Material Silos with Automated Dosing System

Automated silo system with 50+ ton capacity and precision dosing (±0.5% accuracy). Integrates FEA structural calculations, dimensioned screw conveyors, and PLC control with load cells for automatic dosing. Features HMI for real-time monitoring and complete process traceability.

SolidWorks CAD Design FEA Analysis
P&ID Diagram for Industrial Piping Systems

P&ID Diagram for Industrial Piping Systems

Comprehensive P&ID diagram for multi-service industrial systems using AutoCAD. Maps compressed air, hot water, product lines, and steam networks with complete equipment specifications, flow calculations, and pipe sizing. Ensures optimal system efficiency and regulatory compliance for industrial operations.

AutoCAD CAD Design
FM Transmitter PCB with Digital Monitoring System

FM Transmitter PCB with Digital Monitoring System

FM transmitter PCB with multi-stage audio processing and ESP32-based digital monitoring. Features real-time TFT display for power levels, frequency control, stereo VU meters, thermal monitoring, and antenna VSWR. KiCAD design optimized for RF signal integrity and EMI compliance.

KiCAD PCB Design
HMI Interface Design for FM Transmitter

HMI Interface Design for FM Transmitter

Advanced HMI interface for FM transmitter with real-time graphical monitoring. Features touch-responsive VU meters (R/L/MPX), power monitoring, thermal protection, frequency control, and intelligent alarm system. Built with LittleVGL and Squareline Studio for professional broadcast-quality user experience.

ESP32 LittleVGL Squareline Studio
Custom PCB Design for ATmega32u4-Based System

Custom PCB Design for ATmega32u4-Based System

Custom PCB based on ATmega32u4 with scalable I/O expansion. Incorporates microSD, dual multiplexers (16 additional channels), USB hub, and optimized routing for signal integrity. Modular KiCAD design with Arduino compatibility and EMC certification for industrial applications.

KiCad PCB Design
Roller Conveyor Design for Compressed Scrap Containers

Roller Conveyor Design for Compressed Scrap Containers

Heavy-duty roller conveyor system for metallurgical scrap processing with dual geared motors and precision load cell integration. Features automated weight verification, harsh environment material selection, and FEA-validated structure for demanding industrial conditions. SolidWorks design ensures 24/7 operational reliability.

SolidWorks CAD Design FEA Analysis

Ready to start your next project?

Let's talk about how we can work together to make it happen!