Universidad
Proyectos académicos, hechos como productos.
Como estudiante de Ingeniería de Sistemas en la Universidad del Tolima, desarrollo trabajos completos, publicados en internet y con diseño propio. Estos dos ejemplifican mi trabajo en programación y desarrollo web.
- 2 proyectos publicados
- Con diseño propio
- En subdominio propio
01 · Sitio web interactivo
Museo de la Constitución de Colombia
Una exposición web para entender cómo funciona Colombia: qué es la política, el Estado, la Constitución, la democracia y la participación ciudadana. Se recorre como un museo, sala por sala, con componentes interactivos en lugar de texto únicamente.
Qué hace
- Cinco salas, cada una con su propio tema de color y tipografía.
- Línea del tiempo con 40 hitos, desde Aristóteles (350 a. C.) hasta 2025.
- Componentes interactivos: nichos, comparador, simulador, quiz y galería.
- Pasaporte con un sello por cada sala completada.
- El nombre y el avance del visitante se guardan solo en su navegador.
Con qué está hecho, y para qué
- Astro
Genera cada sala como una página estática y rápida. Solo envía JavaScript donde hay interacción, por eso carga ligero.
- Vue 3
Construye los componentes interactivos: el quiz, el simulador, el comparador y el pasaporte de sellos.
- Tailwind CSS
Define el diseño y permite que cada sala tenga su propia paleta y tipografía sin duplicar estilos.
- TypeScript
Tipa todo el contenido (eventos, salas, preguntas del quiz), que vive separado de los componentes.
- WebP
Las imágenes se optimizaron a formato WebP: unos KB por foto y el sitio entero pesa poco.
- Bun
Gestor de paquetes y ejecutor de las tareas de desarrollo y de compilación.
02 · Aplicación web de estudio
Cálculo 3 y Geometría Analítica
Una plataforma para estudiar Cálculo 3 de forma interactiva. Cada tema incluye explicaciones claras, fórmulas, un glosario, ejercicios guiados paso a paso y gráficas en 3D que se pueden mover para ver qué ocurre al cambiar los valores.
Qué hace
- 12 temas y 6 talleres: vectores, coordenadas, cónicas, cuádricas, límites y derivadas parciales.
- Gráficas 3D interactivas: se rotan y se modifican con controles deslizantes.
- Convertidor de coordenadas en tiempo real (cartesianas, cilíndricas y esféricas).
- Ejercicios guiados con el porqué de cada paso y su comprobación.
- Cada actividad se puede exportar a PDF.
Con qué está hecho, y para qué
- Vue 3
Base de toda la aplicación: cada gráfica, ejercicio y formulario es un componente reutilizable.
- TypeScript
Da tipos a las funciones de cálculo y a los datos de los ejercicios, para detectar errores antes de ejecutar.
- Vite
Herramienta de desarrollo y de compilación: arranca al instante y genera un paquete optimizado.
- Vue Router
Navegación entre las más de veinte vistas (temas y talleres) sin recargar la página.
- Plotly.js
Dibuja las superficies, rectas y planos en 3D con WebGL, con zoom y rotación.
- KaTeX
Muestra las fórmulas matemáticas con la tipografía correcta y muy rápido.
- Datos
Los ejercicios viven en archivos de datos tipados, separados de las pantallas, y la lógica (convertidor de coordenadas, exportar a PDF) en funciones reutilizables.
- Tailwind CSS
Estilos de toda la interfaz, con un diseño oscuro pensado para leer fórmulas.
Contacto
¿Conversamos sobre su proyecto?
Describa su necesidad o el problema que desea resolver. Analizamos la situación, le presento alternativas y definimos en conjunto la mejor ruta.
- Correomesayudaco@gmail.com
- Correomesayudaco@hotmail.com
- WhatsApp+57 319 734 4230