Proyectos de IA

Aplicaciones de aprendizaje automático e IA para educación y aprendizaje de idiomas

Proyectos en Categoría:

Algoritmos y Estructuras de Datos - Plataforma de Aprendizaje Interactiva

Algoritmos y Estructuras de Datos - Plataforma de Aprendizaje Interactiva

Desarrollo Activo

Sistema de aprendizaje innovador de doble plataforma que enseña algoritmos y estructuras de datos mediante analogías cotidianas intuitivas y experiencias CLI interactivas. Construido usando metodología... Sistema de aprendizaje innovador de doble plataforma que enseña algoritmos y estructuras de datos mediante analogías cotidianas intuitivas y experiencias CLI interactivas. Construido usando metodología SPARC con Claude Code y orquestación multi-agente. Incluye plataformas Node.js (módulos interactivos con visualización) y Python (aprendizaje offline con características ML). Contiene 11 módulos completos de aprendizaje desde fundamentos hasta temas avanzados, cada uno mapeado a analogías del mundo real como estanterías para arrays, vagones de tren para listas enlazadas y muñecas rusas para recursión.

Características Principales:

• Doble plataforma (Node.js + Python)
• 11 módulos de aprendizaje con analogías cotidianas
• Práctica interactiva con retroalimentación en tiempo real

Tecnologías:

Node.js 18+ con Módulos ES Python 3.9+ Jest (pruebas comprehensivas) Click, Rich (CLI Python) NumPy, Pandas, scikit-learn (ML Python)

GitHub →

Actualizado: 2025-11

Aves - Aprendizaje de Español Enfocado en Aves

Aves - Aprendizaje de Español Enfocado en Aves

Desarrollo Activo

Este fue un tema que usé con mis tutores y me encantó cuánto vocabulario relevante y útil surge del estudio muy enfocado como este. Quería... Este fue un tema que usé con mis tutores y me encantó cuánto vocabulario relevante y útil surge del estudio muy enfocado como este. Quería construir una herramienta que ayude a facilitar este tipo de práctica con aves mientras también se aprende más sobre las aves mismas - una experiencia de aprendizaje muy basada en contenido. La integración con Unsplash es algo que creo que es súper valioso para este tipo de práctica contextualizada con imágenes auténticas.

Características Principales:

• Descripciones de especies de aves en español
• Imágenes auténticas mediante API de Unsplash
• Aprendizaje contextual con contenido visual

Tecnologías:

TypeScript Next.js API de Unsplash Tailwind CSS

GitHub →

Demo

Actualizado: 2025-11

Sitio de portafolio bilingüe mostrando proyectos de desarrollo asistido por IA

brandonjplambert.com - Portafolio y Exhibición de Proyectos Gallery

Sitio de portafolio bilingüe mostrando proyectos de desarrollo asistido por IA

brandonjplambert.com - Portafolio y Exhibición de Proyectos

En Vivo

Este es el sitio de portafolio que estás viendo actualmente - un meta-proyecto que muestra todo mi trabajo de desarrollo asistido por IA. Construido completamente... Este es el sitio de portafolio que estás viendo actualmente - un meta-proyecto que muestra todo mi trabajo de desarrollo asistido por IA. Construido completamente con Claude Code, este sitio estático basado en Jekyll demuestra gestión de contenido bilingüe, diseño responsivo e integración de varias galerías de proyectos. Sirve tanto como portafolio como estudio de caso en desarrollo rápido con asistencia de IA.

Características Principales:

• Sistema de contenido bilingüe (Inglés/Español)
• Galería de proyectos dinámica con filtrado
• Componentes de mini-galería responsivos

Tecnologías:

Jekyll 4.3 Plantillas Liquid GitHub Pages

GitHub → Sitio en Vivo

Actualizado: 2025-11

Juego de Rompecabezas de los Condados de California

Juego de Rompecabezas de los Condados de California

En Vivo

Un juego educativo de rompecabezas para aprender los 58 condados de California mediante juego interactivo de arrastrar y soltar. Incluye mapas potenciados por D3.js, múltiples... Un juego educativo de rompecabezas para aprender los 58 condados de California mediante juego interactivo de arrastrar y soltar. Incluye mapas potenciados por D3.js, múltiples niveles de dificultad (Fácil a Experto), 7 desafíos regionales y un sistema completo de logros. Construido como Progressive Web App con juego offline, modo oscuro y optimización móvil completa. Incluye backend Supabase para perfiles de usuario, seguimiento de estadísticas y tablas de clasificación. Logró 100% de tasa de aprobación de pruebas (1,792/1,792 pruebas) con cumplimiento de accesibilidad WCAG AA.

Características Principales:

• Mapa D3.js de California con límites precisos de condados
• Juego de arrastrar y soltar con puntuación basada en precisión
• 4 niveles de dificultad (Fácil, Medio, Difícil, Experto)

Tecnologías:

React 18 con TypeScript 5.9 Vite 4.5 (herramienta de compilación) D3.js 7.8 (visualización de mapas) Zustand 5.0 (gestión de estado) Framer Motion 10.16 (animaciones)

GitHub →

Sitio en Vivo

Actualizado: 2025-11

Juego de Rompecabezas de los Departamentos de Colombia

Juego de Rompecabezas de los Departamentos de Colombia

En Vivo

Un rompecabezas educativo interactivo para aprender los 33 departamentos de Colombia (32 departamentos + Bogotá D.C.) mediante juego atractivo de arrastrar y soltar. Incluye datos... Un rompecabezas educativo interactivo para aprender los 33 departamentos de Colombia (32 departamentos + Bogotá D.C.) mediante juego atractivo de arrastrar y soltar. Incluye datos de mapas GeoJSON reales, múltiples modos de juego (Colombia completa, práctica regional, desafíos cronometrados) y sistema de pistas progresivo. Aprende capitales, regiones y datos culturales sobre cada departamento. Construido con React y TypeScript usando datos reales de límites geográficos colombianos. Logró 89.9% de tasa de aprobación de pruebas (895/996 pruebas) y cero errores ESLint con cumplimiento completo de accesibilidad WCAG AAA.

Características Principales:

• Arrastrar y soltar interactivo con mapa GeoJSON real
• Múltiples modos de juego (completo, regional, desafío cronometrado)
• Modo de estudio para aprender sin presión

Tecnologías:

React 18 con TypeScript Vite (herramienta de compilación) Tailwind CSS dnd-kit (arrastrar y soltar accesible) Zustand (gestión de estado)

GitHub →

Sitio en Vivo

Actualizado: 2025-11

Plataforma de Aprendizaje CompTIA Network+ N10-009

Plataforma de Aprendizaje CompTIA Network+ N10-009

En Vivo

Una plataforma de aprendizaje interactiva basada en web para dominar la certificación CompTIA Network+ N10-009. Incluye 23 componentes interactivos completos que cubren todos los objetivos... Una plataforma de aprendizaje interactiva basada en web para dominar la certificación CompTIA Network+ N10-009. Incluye 23 componentes interactivos completos que cubren todos los objetivos del examen, incluyendo el Modelo OSI, dispositivos de red, conceptos de nube, protocolos, subnetting IPv4/IPv6, y tecnologías modernas como SDN, Zero Trust y SASE. Construida con React y TypeScript para práctica práctica y aprendizaje basado en escenarios.

Características Principales:

• 23 componentes de aprendizaje interactivos
• Explicación y resolución de problemas del Modelo OSI
• Topologías y arquitecturas de red

Tecnologías:

React 18 con TypeScript Vite 6 (herramienta de compilación) Zustand (gestión de estado) Tailwind CSS Framer Motion (animaciones)

GitHub →

Sitio en Vivo

Actualizado: 2025-11

Plataforma de Inteligencia Corporativa para Análisis EdTech

Plataforma de Inteligencia Corporativa para Análisis EdTech

Listo para Producción

Plataforma de inteligencia empresarial endurecida para producción que agrega y analiza datos financieros corporativos mediante integraciones automatizadas de API, enfocándose específicamente en el ecosistema EdTech.... Plataforma de inteligencia empresarial endurecida para producción que agrega y analiza datos financieros corporativos mediante integraciones automatizadas de API, enfocándose específicamente en el ecosistema EdTech. Incluye arquitectura de grado empresarial con ingesta de datos en tiempo real, procesamiento distribuido con Ray, y analíticas avanzadas. Integra documentos SEC EDGAR, Yahoo Finance, Alpha Vantage, NewsAPI, Crunchbase y APIs de GitHub. Incluye búsqueda semántica con pgvector, optimización de series temporales con TimescaleDB, orquestación de flujos Prefect, transformaciones de datos dbt, y observabilidad OpenTelemetry. Procesa 100+ documentos/segundo con respuesta API p99 < 100ms. Despliegue Docker comprehensivo con 391+ pruebas pasando y cobertura 85%+.

Características Principales:

• Integración y análisis de documentos SEC EDGAR
• Datos financieros de empresas vía API Yahoo Finance
• Métricas y actividad de repositorios GitHub

Tecnologías:

FastAPI 0.104+ (Python 3.11+) PostgreSQL 15 + TimescaleDB (optimización series temporales) pgvector (búsqueda semántica con embeddings) Ray 2.8+ (procesamiento distribuido) Prefect (orquestación de flujos)

GitHub →

Actualizado: 2025-11

Describe It - Herramienta de Aprendizaje de Español

Describe It - Herramienta de Aprendizaje de Español

Desarrollo Activo

Esto se originó como herramientas GUI que construí antes de usar Claude Code, que usé con tutores para practicar describiendo imágenes en español. Esta versión... Esto se originó como herramientas GUI que construí antes de usar Claude Code, que usé con tutores para practicar describiendo imágenes en español. Esta versión transforma esas herramientas tempranas en una aplicación web completamente funcional y compartible. Los usuarios pueden describir imágenes usando diferentes estilos, hacer y responder preguntas sobre imágenes, y extraer vocabulario.

Características Principales:

• Descripciones de Imágenes Multi-estilo (Narrativo, Poético, Académico, Conversacional, Infantil)
• Sistema Interactivo de Preguntas y Respuestas con niveles de dificultad
• Extracción Inteligente de Frases con vocabulario categorizado

Tecnologías:

Next.js 14-15.5 Supabase OpenAI GPT-4 Vercel KV React Query

GitHub →

Demo

Actualizado: 2025-11

Sitio de comercio electrónico con arquitectura serverless de GitHub Pages y Vercel

Fancy Monkey Gallery

Sitio de comercio electrónico con arquitectura serverless de GitHub Pages y Vercel

Fancy Monkey

En Vivo

Este fue un ejercicio divertido en algo que no he hecho mucho construyendo: comercio electrónico. Experimenté con mantener los costos de alojamiento en cero usando... Este fue un ejercicio divertido en algo que no he hecho mucho construyendo: comercio electrónico. Experimenté con mantener los costos de alojamiento en cero usando GitHub Pages y funciones serverless de Vercel. Esto continuará siendo un lugar donde practico con ideas de branding y comercio electrónico.

Características Principales:

• Alojamiento de sitio estático en GitHub Pages
• Función serverless única para lógica de checkout
• Validación de inventario en tiempo real

Tecnologías:

GitHub Pages Funciones Serverless de Vercel Pagos Stripe HTML/CSS/JavaScript Estático Integración Apple Pay/Google Pay

GitHub →

Sitio en Vivo

Actualizado: 2025-11

Visualización 3D de infraestructura global de internet con cables submarinos

Mapa de Infraestructura de Internet Gallery

Visualización 3D de infraestructura global de internet con cables submarinos

Mapa de Infraestructura de Internet

En Vivo

Había estado trabajando en construir contenido sobre cómo funciona internet y quería ver cómo podía trabajar con datos geoespaciales. Decidí construir una visualización basada en... Había estado trabajando en construir contenido sobre cómo funciona internet y quería ver cómo podía trabajar con datos geoespaciales. Decidí construir una visualización basada en datos sobre cables de internet submarinos. Hay en realidad un muy buen mapa de estos en submarinecablemap.com, pero mi proyecto fue un ejercicio divertido en construir algo en 3D con Three.js y WebGL.

Características Principales:

• Globo 3D interactivo con controles de órbita
• Visualización de tráfico de red en tiempo real
• Alternancia de capas para diferentes tipos de infraestructura

Tecnologías:

Three.js WebGL D3.js GSAP Vite

GitHub →

Sitio en Vivo

Actualizado: 2025-11

Letratos

Letratos

En Vivo

Quería ver qué tan fácil era construir algo que pudiera alojar significativamente parte del trabajo creativo que hago. Este sitio muestra poesía y fotografía en... Quería ver qué tan fácil era construir algo que pudiera alojar significativamente parte del trabajo creativo que hago. Este sitio muestra poesía y fotografía en inglés y español, construido como sitio estático con Jekyll.

Características Principales:

• Sistema de contenido bilingüe (Inglés/Español)
• Colecciones Jekyll personalizadas para organización de poesía
• Galerías de fotos responsivas con carga diferida

Tecnologías:

Jekyll 4.3 SASS/SCSS Plantillas Liquid HTML5 Semántico

GitHub →

Sitio en Vivo

Actualizado: 2025-11

Plataforma educativa enfocada en Colombia agregando noticias y contenido de aprendizaje

Open Learn Colombia Gallery

Plataforma educativa enfocada en Colombia agregando noticias y contenido de aprendizaje

Open Learn Colombia

Desarrollo Activo

Esto fue una respuesta a la pregunta: ¿puedo construir algo que aproveche noticias y datos de código abierto en un solo lugar para ayudar con... Esto fue una respuesta a la pregunta: ¿puedo construir algo que aproveche noticias y datos de código abierto en un solo lugar para ayudar con el aprendizaje sobre Colombia y mi español? El sitio agrega varias fuentes de noticias colombianas y contenido educativo.

Características Principales:

• Agregación de noticias colombianas de fuentes abiertas
• Integración de aprendizaje de idioma español
• Curación de contenido educativo

Tecnologías:

Python feedparser Plantillas Jinja2 Integración de API de Noticias

GitHub →

Actualizado: 2025-11

Sistema Profesional de Generación de Videos

Sistema Profesional de Generación de Videos

En Vivo-Local

Un sistema completo de producción de videos automatizado que crea videos Full HD profesionales desde documentación, contenido de YouTube o entrada programática. Incluye 12 tipos... Un sistema completo de producción de videos automatizado que crea videos Full HD profesionales desde documentación, contenido de YouTube o entrada programática. Incluye 12 tipos de escenas (6 generales + 6 educativas), 4 voces profesionales TTS neurales, codificación acelerada por GPU y sincronización perfecta audio/visual mediante arquitectura audio-primero. Soporta 28+ idiomas con auto-traducción. Genera videos en ~5 minutos que tomarían 6-8 horas manualmente - 99% de ahorro de tiempo. Incluye pipeline modular por etapas, 79% de cobertura de pruebas con 474 pruebas pasando, y UI web para creación sin código.

Características Principales:

• 4 métodos de entrada (documentos, YouTube, asistente, API Python)
• 12 tipos de escenas (título, comando, lista, quiz, comparación de código, etc.)
• 4 voces profesionales (Andrew, Brandon, Aria, Ava)

Tecnologías:

Python FFmpeg con NVIDIA NVENC Microsoft Edge-TTS NumPy Anthropic Claude API

GitHub →

Actualizado: 2025-11

Report Assistant - Automatización de Flujo de Desarrollo

Report Assistant - Automatización de Flujo de Desarrollo

En Vivo-Local

Sistema automatizado de reportes diarios de desarrollo con múltiples interfaces de comando (Make, NPM, aliases Shell). Optimiza el flujo de trabajo generando auditorías GMS (8... Sistema automatizado de reportes diarios de desarrollo con múltiples interfaces de comando (Make, NPM, aliases Shell). Optimiza el flujo de trabajo generando auditorías GMS (8 puntos de control de inicio) y reportes de progreso diarios automáticamente. Incluye auditoría de cumplimiento de proyectos, detección de reportes faltantes, integración git para commits automatizados, y gestión de respaldos. Soporta auditorías GMS matutinas y seguimiento de progreso vespertino con generación basada en plantillas y procesamiento por lotes en múltiples proyectos.

Características Principales:

• Generación automatizada de reportes GMS de inicio
• Automatización de reportes de progreso diarios
• CLI multi-interfaz (Make, NPM, aliases Shell)

Tecnologías:

Python 3.x Scripts Shell (Bash) Automatización Makefile Scripts NPM Plantillas Markdown

GitHub →

Actualizado: 2025-10

Sinónimos de Caminar - Práctica de Sinónimos en Español

Sinónimos de Caminar - Práctica de Sinónimos en Español

En Vivo

Una colección elegante e interactiva de 14 sinónimos sofisticados del verbo español "caminar". Incluye pronunciación auténtica de 8 voces diferentes latinoamericanas (México, Colombia, Argentina, US... Una colección elegante e interactiva de 14 sinónimos sofisticados del verbo español "caminar". Incluye pronunciación auténtica de 8 voces diferentes latinoamericanas (México, Colombia, Argentina, US Neutral) con 56 archivos de audio en total. Incluye imágenes contextuales de alta calidad de Unsplash, definiciones detalladas con notas culturales, 3 oraciones de ejemplo por verbo, y filtros inteligentes por formalidad y contexto. Construido con JavaScript vanilla para una experiencia ligera, rápida y totalmente responsiva con diseño de tonos tierra y tipografía elegante.

Características Principales:

• 14 sinónimos sofisticados (andar, pasear, deambular, etc.)
• 8 voces latinoamericanas (México, Colombia, Argentina, US Neutral)
• 56 archivos de audio (verbos + ejemplos)

Tecnologías:

HTML5 CSS3 (estilos personalizados con tonos tierra) JavaScript Vanilla (ES6+) Microsoft Edge TTS (8 voces LATAM) API de Unsplash (imágenes de alta calidad)

GitHub →

Sitio en Vivo

Actualizado: 2025-10

Sinónimos de Hablar - Práctica de Sinónimos en Español

Sinónimos de Hablar - Práctica de Sinónimos en Español

En Vivo

Una aplicación web educativa interactiva para explorar 14 sinónimos curados del español "hablar", diseñada específicamente para estudiantes de español latinoamericano. Incluye hermosa interfaz de tarjetas... Una aplicación web educativa interactiva para explorar 14 sinónimos curados del español "hablar", diseñada específicamente para estudiantes de español latinoamericano. Incluye hermosa interfaz de tarjetas responsivas con efectos hover, búsqueda y filtro por nivel de formalidad (formal/neutral/informal) y contexto, notas culturales explicando diferencias de uso regional, oraciones de ejemplo del mundo real, e imágenes curadas de alta calidad de Unsplash con atribución apropiada. Construido con JavaScript vanilla para una experiencia ligera y rápida con diseño de tonos tierra cálidos.

Características Principales:

• 14 sinónimos curados (conversar, platicar, charlar, dialogar, etc.)
• Interfaz de tarjetas interactiva con efectos hover
• Búsqueda y filtro (nivel de formalidad y contexto)

Tecnologías:

HTML5 (marcado semántico) CSS3 (estilos modernos con flexbox/grid) JavaScript Vanilla (ES6+) API de Unsplash (imágenes de alta calidad con atribución)

GitHub →

Sitio en Vivo

Actualizado: 2025-10

Sinónimos de Ver - Práctica de Sinónimos en Español

Sinónimos de Ver - Práctica de Sinónimos en Español

En Vivo

Una herramienta visual elegante para aprender 14 sinónimos sofisticados del verbo español "ver" en español latinoamericano. Incluye imágenes contextuales de alta calidad descargadas localmente de... Una herramienta visual elegante para aprender 14 sinónimos sofisticados del verbo español "ver" en español latinoamericano. Incluye imágenes contextuales de alta calidad descargadas localmente de Unsplash para uso offline, interfaz elegante con tipografía refinada, búsqueda y filtros por formalidad, región y contexto, ejemplos de uso auténticos de América Latina, notas culturales y variaciones regionales. Diseñado para estudiantes de español de nivel intermedio/avanzado con paleta de colores sofisticada, espacio blanco generoso, y diseño responsivo en cuadrícula masonry. Funciona completamente offline sin dependencias de API.

Características Principales:

• 14 sinónimos sofisticados (observar, contemplar, avistar, divisar, etc.)
• Imágenes de alta calidad guardadas localmente (funciona offline)
• Tipografía y espaciado elegantes y refinados

Tecnologías:

HTML5 CSS3 JavaScript Vanilla Imágenes de Unsplash (almacenadas localmente)

GitHub →

Sitio en Vivo

Actualizado: 2025-10

Herramienta de Práctica del Subjuntivo en Español

Herramienta de Práctica del Subjuntivo en Español

Desarrollo Activo

Otra herramienta que se originó como una GUI de Windows que desarrollé cuando estudiaba intensamente con tutores. Quería algo que permitiera práctica dinámica y flexible... Otra herramienta que se originó como una GUI de Windows que desarrollé cuando estudiaba intensamente con tutores. Quería algo que permitiera práctica dinámica y flexible habilitada por LLM para este tema gramatical difícil y variado. La aplicación se adapta a tu nivel y proporciona explicaciones contextuales cuando cometes errores.

Características Principales:

• Explicaciones contextuales potenciadas por IA basadas en errores
• Ajuste adaptativo de dificultad
• Múltiples modos de práctica (Gramática Tradicional, Escenarios Basados en Tareas, Contraste de Modos)

Tecnologías:

Next.js 14 React 18 API OpenAI GPT-4 Alojamiento Vercel Tailwind CSS

GitHub →

Actualizado: 2025-11

Más Proyectos Próximamente

Estoy trabajando activamente en nuevas herramientas educativas impulsadas por IA y aplicaciones de aprendizaje de idiomas. ¡Vuelve pronto para ver actualizaciones!

Seguir en GitHub