AI Projects

1 / 3

Session Slides presentation output showing conversation turns as navigable slides

Session Slides - Claude Code Session to Presentation Converter Gallery

1 / 3

Session Slides presentation output showing conversation turns as navigable slides

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... 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.

Key Features:

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

Technologies:

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

GitHub → Live Demo

Last Updated: 2025-02

1 / 11

Bilingual workplace English training platform homepage

Roxana en Vuelo - Bilingual Workplace English Training Gallery

1 / 11

Bilingual workplace English training platform homepage

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... 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.

Key Features:

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

Technologies:

Next.js TypeScript React Tailwind CSS Vercel

GitHub → Live Demo

Last Updated: 2025-12

1 / 5

Personal relocation journey documentation to Austin, Texas

Brandon Moves to Austin Gallery

1 / 5

Personal relocation journey documentation to Austin, Texas

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... 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.

Key Features:

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

Technologies:

Next.js TypeScript React Tailwind CSS Vercel

Last Updated: 2026-01

1 / 2

Curated language learning resources for 68 languages worldwide

Language Learning Hub Gallery

1 / 2

Curated language learning resources for 68 languages worldwide

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... 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.

Key Features:

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

Technologies:

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

GitHub → Live Site

Last Updated: 2026-01

Typing practice platform for Latin American Spanish keyboards

Teclado LATAM Gallery

Typing practice platform for Latin American Spanish keyboards

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... 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.

Key Features:

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

Technologies:

Next.js TypeScript Vercel Tailwind CSS

GitHub → Live Site

Last Updated: 2026-01

Interactive puzzle game for learning California's 58 counties

California Counties Puzzle Game Gallery

Interactive puzzle game for learning California's 58 counties

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,... 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.

Key Features:

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

Technologies:

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 → Live Site

Last Updated: 2025-11

Interactive puzzle game for learning Colombia's 33 departments

Colombia Departments Puzzle Game Gallery

Interactive puzzle game for learning Colombia's 33 departments

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,... 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.

Key Features:

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

Technologies:

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

GitHub → Live Site

Last Updated: 2025-11

More Projects Coming Soon

I'm actively working on new AI-powered educational tools and language learning applications. Check back soon for updates!

Follow on GitHub