Skip to main content

Una selección curada de mis proyectos educativos más impactantes impulsados por IA.

Vista previa de Session Slides - Claude Code Session to Presentation Converter

Session Slides - Claude Code Session to Presentation Converter

Published

CLI tool that transforms Claude Code conversation logs into interactive HTML slide presentations. Each conversation turn becomes an individual slide with automatically extracted titles from prompts, highlighted tool usage (file reads/writes, bash commands), and syntax-highlighted code blocks. The output is a standalone HTML file requiring no external dependencies, functioning entirely offline with keyboard navigation and a summary slide providing session statistics.

Características Principales:

  • Converts Claude Code JSONL transcripts to HTML presentations
  • Automatic title extraction from conversation prompts
  • Syntax-highlighted code blocks

Tecnologías:

Node.js 14+ Python 3.8+ HTML/CSS/JavaScript CLI (Commander.js) JSONL parsing
GitHub → Demo

Actualizado: 2025-02

Vista previa de Roxana en Vuelo - Bilingual Workplace English Training

Roxana en Vuelo - Bilingual Workplace English Training

Active Development

A specialized language learning platform for workplace English communication with bilingual audio generation. Features 6 comprehensive learning modules covering professional scenarios like weather talk, screen interactions, graceful recovery from mistakes, register reading, intern communication, and relationship building. Uses edge-tts neural voices for both English and Colombian Spanish narration with automatic language detection and context-appropriate voice selection.

Características Principales:

  • 6 learning modules with companion worksheets
  • Bilingual audio generation (English + Colombian Spanish)
  • 4 neural voices (Jenny/Guy for English, Salome/Gonzalo for Spanish)

Tecnologías:

Next.js TypeScript React Tailwind CSS Vercel
GitHub → Demo

Actualizado: 2025-12

Vista previa de Brandon Moves to Austin

Brandon Moves to Austin

Live

A personal project documenting my relocation journey to Austin, Texas. This web application chronicles the moving experience with timeline documentation, location information, and narrative content about the transition. Built as a modern Next.js application deployed on Vercel, combining storytelling with practical relocation insights.

Características Principales:

  • Moving timeline documentation
  • Location and destination information
  • Personal narrative content

Tecnologías:

Next.js TypeScript React Tailwind CSS Vercel
GitHub →

Actualizado: 2026-01

Vista previa de Language Learning Hub

Language Learning Hub

Live

A beautifully crafted modern website curating the best language learning resources from around the web for polyglots and language enthusiasts worldwide. Features comprehensive collections spanning 68 languages, from widely-studied languages like Spanish, French, Chinese, and German to indigenous languages like Cree, Navajo, and Quechua. Built with Vite 7.1, vanilla JavaScript, and Tailwind CSS, the site delivers a fast, responsive experience with WCAG 2.1 AA accessibility compliance, mobile-first design, and full-text search with filtering by language and resource type.

Características Principales:

  • Curated resources for 68 languages worldwide
  • Apps, books, podcasts, courses, and communities
  • Full-text search and filtering by language/type

Tecnologías:

Vite 7.1 Vanilla JavaScript (ES6+) Tailwind CSS Vitest 3.2 (73 tests) Progressive Web App (PWA)
GitHub → Demo

Actualizado: 2026-01

Vista previa de Teclado LATAM

Teclado LATAM

Live

A typing practice platform designed specifically for users learning to type on Latin American Spanish keyboards. Helps users improve their typing speed and accuracy while mastering the unique characteristics of LATAM keyboard layouts including special characters and dead keys. Features performance metrics with real-time WPM feedback, structured curriculum with progressive difficulty levels, typing history tracking, and customizable settings including dark/light theme support.

Características Principales:

  • LATAM keyboard layout training with special characters
  • Real-time WPM and accuracy tracking
  • Structured curriculum with progressive difficulty

Tecnologías:

Next.js TypeScript Vercel Tailwind CSS
GitHub → Demo

Actualizado: 2026-01

Vista previa de California Counties Puzzle Game

California Counties Puzzle Game

Live

An educational puzzle game for learning California's 58 counties through interactive drag-and-drop gameplay. Features D3.js-powered maps, multiple difficulty levels (Easy to Expert), 7 regional challenges, and a comprehensive achievement system. Built as a Progressive Web App with offline gameplay, dark mode, and complete mobile optimization. Includes Supabase backend for user profiles, statistics tracking, and leaderboards. Achieved 100% test pass rate (1,792/1,792 tests) with WCAG AA accessibility compliance.

Características Principales:

  • D3.js California map with precise county boundaries
  • Drag & drop gameplay with accuracy-based scoring
  • 4 difficulty levels (Easy, Medium, Hard, Expert)

Tecnologías:

React 18 with TypeScript 5.9 Vite 4.5 (build tool) D3.js 7.8 (map visualization) Zustand 5.0 (state management) Framer Motion 10.16 (animations)
GitHub → Demo

Actualizado: 2025-11

Vista previa de Colombia Departments Puzzle Game

Colombia Departments Puzzle Game

Live

An interactive educational puzzle to learn all 33 departments of Colombia (32 departments + Bogotá D.C.) through engaging drag-and-drop gameplay. Features real GeoJSON map data, multiple game modes (complete Colombia, regional practice, time challenges), and progressive hint system. Learn capitals, regions, and cultural facts about each department. Built with React and TypeScript using actual Colombian geographic boundary data. Achieved 89.9% test pass rate (895/996 tests) and zero ESLint errors with comprehensive WCAG AAA accessibility compliance.

Características Principales:

  • Interactive drag & drop with real GeoJSON map
  • Multiple game modes (complete, regional, time challenge)
  • Study mode for learning without pressure

Tecnologías:

React 18 with TypeScript Vite (build tool) Tailwind CSS dnd-kit (accessible drag and drop) Zustand (state management)
GitHub → Demo

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!