10 Proyectos · 1ro BTI

Ideas que se
convierten en código
y en soluciones reales.

Una colección de diez aplicaciones web desarrolladas por estudiantes de 1ro BTI aplicando HTML, CSS y JavaScript a problemas reales de distintos sectores: salud, arte, música, deporte, arquitectura, robótica y más.

10Proyectos
10Sectores
100%Front-end
2025Cierre de año
Proyecto 01 🎭
Psicología Infantil

Emocionómetro Infantil

Herramienta lúdica y digital para que niños de 4 a 10 años identifiquen sus emociones con historias, respiración guiada y dibujos para colorear en PDF.

Slider emocional jsPDF SVG
Proyecto 02 🎬
Teatro & TV

ActuaScript Pro

Teleprompter inteligente con grabación webcam integrada para actores que practican solos. Incluye generador de escenas aleatorias para improvisación.

MediaRecorder requestAnimationFrame Webcam
Proyecto 03 🎤
Canto & Música

VocalCoach AI Lite

Piano interactivo de dos octavas, temporizador de calentamiento vocal con fases guiadas y visualizador de espectro en tiempo real usando Web Audio API.

Web Audio API Canvas Síntesis
Proyecto 04 🏁
Rally & Mecánica

PitStop RALLY Pro

Calculadora de logística de carrera con gráfico comparativo, simulador de pit stop cronometrado y reserva de diagnósticos mecánicos para equipos amateur.

Cálculo en vivo requestAnimationFrame Gráficos
Proyecto 05 🥗
Nutrición Deportiva

CompeteFuel Pro

Calculadora de macros basada en Mifflin-St Jeor, simulador de tapering pre-competencia y generador automático de menú diario de 5 comidas.

Cálculo nutricional Tapering Menús
Proyecto 06 ◨
Arquitectura

ArquiSombra Solar

Simulador de proyección de sombras con fórmulas astronómicas reales. Verifica el impacto solar de tu edificación sobre el vecino según latitud y mes del año.

Canvas API Astronomía solar Normativa
Proyecto 07 🤖
Mecatrónica & Robótica

ServoPower Calc

Calculadora de torque para servomotores con base de datos JSON de 8 modelos, recomendación de batería en mAh y gráfico comparativo requerido vs disponible.

JSON Cálculo de torque Baterías
Proyecto 08 🎨
Design Thinking

IDEA Canvas

Cuestionario guiado de 7 preguntas que genera un canvas visual de validación de producto con puntuaciones de ergonomía y estética, fortalezas y sugerencias de materiales.

Motor de reglas Paletas Validación
Proyecto 09 </>
Arquitectura de Software

DevScaler Hub

Estimador de costos cloud multi-proveedor (AWS, Azure, GCP) y generador automático de diagramas Entidad-Relación dibujados en Canvas con crow's foot.

Cloud cost Canvas ER Multi-región
Proyecto 10 📐
Dibujo Técnico

TécniEscala Pro

Conversor de escalas de plano a realidad y calculadora de áreas de terrenos trazando polígonos en canvas con la fórmula del shoelace (Gauss).

Shoelace Canvas dibujo Multi-unidad

Hecho con ♥ por estudiantes de 1ro BTI

Cada proyecto demuestra que con HTML, CSS y JavaScript se pueden construir herramientas reales que resuelven problemas de distintos sectores.