Diagrama de Distribución de Válvulas

Herramienta interactiva para calcular y graficar el ciclo teórico y práctico de distribución de válvulas en motores de 4 tiempos. Desarrollada para facilitar los ejercicios de mecánica automotriz y el entendimiento dinámico del motor.

Accesibilidad

Puedes ver la herramienta en vivo aquí: Diagrama de Válvulas (Vercel)

Características

• Representación Visual en Tiempo Real: Gráfico SVG dinámico que muestra el traslape (cruce de válvulas), apertura adelantada y retrasos de cierre.
• Cálculo Automático (Cuaderno): Muestra de forma interactiva las operaciones matemáticas para duración de admisión, duración de escape y solapamiento.
• Simulador Animado: Visualiza el ciclo completo de 720° del cigüeñal con el estado de apertura/cierre de la válvula de admisión y escape etapa por etapa.
• Glosario Integrado: Términos de fácil acceso para estudiantes.
• Diseño Responsivo: Completamente optimizado para celulares, tablets y escritorio.

Tecnologías

• React + Vite
• Tailwind CSS v4
• Lucide React (iconografía)

Instalación Local

Si deseas descargar y probar el código en tu propia máquina:

git clone https://github.com/javier20dev25/diagrama-valvulas.git
cd diagrama-valvulas
npm install
npm run dev

Contacto

Desarrollado por Javier Astaroth. Creado para ayudar en el aprendizaje de ingeniería mecánica y mecánica automotriz.