Skip to main content

Proyectos en Categoría:

Algorithms & Data Structures - Interactive Learning Platform

Active Development

Innovative dual-platform learning system that teaches algorithms and data structures through intuitive everyday analogies and interactive CLI experiences. Built using SPARC methodology with Claude Code and multi-agent orchestration. Features both Node.js (interactive modules with visualization) and Python (offline learning with ML features) platforms. Includes 11 comprehensive learning modules from foundations to advanced topics, each mapped to real-world analogies like bookshelves for arrays, train cars for linked lists, and Russian nesting dolls for recursion.

Características Principales:

  • Dual-platform architecture (Node.js + Python)
  • 11 comprehensive learning modules with everyday analogies
  • Interactive practice system with real-time feedback

Tecnologías:

Node.js 18+ with ES Modules Python 3.9+ Jest (comprehensive testing) Click, Rich (Python CLI) NumPy, Pandas, scikit-learn (Python ML)
GitHub →

Actualizado: 2025-11

Aves - Bird-Focused Spanish Learning

Active Development

This was a topic I used with my tutors and loved how much relevant and useful vocabulary comes out of very focused study like this. I wanted to build a tool that helps facilitate this kind of practice with birds while also learning more about the birds themselves - a very content-based learning experience. The integration with Unsplash is something I think is super valuable for this type of contextualized practice with authentic images.

Características Principales:

  • Bird species descriptions in Spanish
  • Authentic images via Unsplash API
  • Contextual learning with visual content

Tecnologías:

TypeScript Next.js Unsplash API Tailwind CSS
GitHub → Demo

Actualizado: 2025-11

Vista previa de brandonjplambert.com - Portfolio & Project Showcase

brandonjplambert.com - Portfolio & Project Showcase

Live

This is the portfolio site you're currently viewing - a meta-project that showcases all my AI-assisted development work. Built entirely with Claude Code, this Jekyll-based static site demonstrates bilingual content management, responsive design, and integration of various project galleries. It serves as both a portfolio and a case study in rapid development with AI assistance.

Características Principales:

  • Bilingual content system (English/Spanish)
  • Dynamic project gallery with category filtering
  • Responsive mini-gallery components

Tecnologías:

Jekyll 4.3 Liquid templating GitHub Pages
GitHub → Demo

Actualizado: 2025-11

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

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

CompTIA Network+ N10-009 Learning Platform

Live

An interactive web-based learning platform for mastering the CompTIA Network+ N10-009 certification. Features 23 comprehensive interactive components covering all exam objectives including OSI Model, network appliances, cloud concepts, protocols, IPv4/IPv6 subnetting, and modern technologies like SDN, Zero Trust, and SASE. Built with React and TypeScript for hands-on practice and scenario-based learning.

Características Principales:

  • 23 interactive learning components
  • OSI Model explanation and troubleshooting
  • Network topologies and architectures

Tecnologías:

React 18 with TypeScript Vite 6 (build tool) Zustand (state management) Tailwind CSS Framer Motion (animations)
GitHub → Demo

Actualizado: 2025-11

Corporate Intelligence Platform for EdTech Analysis

Production Ready

Production-hardened business intelligence platform that aggregates and analyzes corporate financial data through automated API integrations, specifically targeting the EdTech ecosystem. Features enterprise-grade architecture with real-time data ingestion, distributed processing with Ray, and advanced analytics. Integrates SEC EDGAR filings, Yahoo Finance, Alpha Vantage, NewsAPI, Crunchbase, and GitHub APIs. Includes semantic search with pgvector, time-series optimization with TimescaleDB, Prefect workflow orchestration, dbt data transformations, and OpenTelemetry observability. Processes 100+ documents/second with p99 API response < 100ms. Comprehensive Docker deployment with 391+ passing tests and 85%+ coverage.

Características Principales:

  • SEC EDGAR filings integration and analysis
  • Company financial data via Yahoo Finance API
  • GitHub repository metrics and activity tracking

Tecnologías:

FastAPI 0.104+ (Python 3.11+) PostgreSQL 15 + TimescaleDB (time-series optimization) pgvector (semantic search with embeddings) Ray 2.8+ (distributed processing) Prefect (workflow orchestration)
GitHub →

Actualizado: 2025-11

Describe It - Spanish Learning Tool

Active Development

This originated as GUI tools I built before using Claude Code, which I used with tutors to practice describing images in Spanish. This version transforms those early tools into a fully functional and shareable web app. Users can describe images using different styles, ask and answer questions about images, and extract vocabulary.

Características Principales:

  • Multi-style Image Descriptions (Narrativo, Poético, Académico, Conversacional, Infantil)
  • Interactive Q&A System with difficulty levels
  • Smart Phrase Extraction with categorized vocabulary

Tecnologías:

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

Actualizado: 2025-11

Vista previa de Fancy Monkey

Fancy Monkey

Live

This was a fun exercise in something I haven't done a lot of building with: e-commerce. I experimented with keeping hosting costs at zero using GitHub Pages and Vercel serverless functions. This will continue to be somewhere I practice with branding and e-commerce ideas.

Características Principales:

  • Static site hosting on GitHub Pages
  • Single serverless function for checkout logic
  • Real-time inventory validation

Tecnologías:

GitHub Pages Vercel Serverless Functions Stripe Payments Static HTML/CSS/JavaScript Apple Pay/Google Pay Integration
GitHub → Demo

Actualizado: 2025-11

Internet Infrastructure Map

Live

I had been working on building some content around how the internet works and wanted to see how I could work with geospatial data. I decided on building a visualization based on data about undersea internet cables. There is actually a very good map of these at submarinecablemap.com, but my project was a fun exercise in building something in 3D with Three.js and WebGL.

Características Principales:

  • Interactive 3D globe with orbit controls
  • Real-time network traffic visualization
  • Layer toggles for different infrastructure types

Tecnologías:

Three.js WebGL D3.js GSAP Vite
GitHub → Demo

Actualizado: 2025-11

Letratos

Live

I wanted to see how easy it was to build something that could meaningfully host some of the creative work I do. This site showcases poetry and photography in both English and Spanish, built as a static site with Jekyll.

Características Principales:

  • Bilingual content system (English/Spanish)
  • Custom Jekyll collections for poetry organization
  • Responsive photo galleries with lazy loading

Tecnologías:

Jekyll 4.3 SASS/SCSS Liquid Templating Semantic HTML5
GitHub → Demo

Actualizado: 2025-11

Vista previa de Open Learn Colombia

Open Learn Colombia

Active Development

This was a response to the question: can I build something that leverages open source news and data in one place to help with learning about Colombia and my Spanish? The site aggregates various Colombian news sources and educational content.

Características Principales:

  • Colombian news aggregation from open sources
  • Spanish language learning integration
  • Educational content curation

Tecnologías:

Python feedparser Jinja2 templating News API integration
GitHub →

Actualizado: 2025-11

Professional Video Generation System

Live-Local

A comprehensive automated video production system that creates professional Full HD videos from documentation, YouTube content, or programmatic input. Features 12 scene types (6 general + 6 educational), 4 professional neural TTS voices, GPU-accelerated encoding, and perfect audio/visual sync through an audio-first architecture. Supports 28+ languages with auto-translation. Generates videos in ~5 minutes that would take 6-8 hours manually - a 99% time savings. Includes modular stage-based pipeline, 79% test coverage with 474 passing tests, and web UI for zero-code video creation.

Características Principales:

  • 4 input methods (documents, YouTube, wizard, Python API)
  • 12 scene types (title, command, list, quiz, code comparison, etc.)
  • 4 professional voices (Andrew, Brandon, Aria, Ava)

Tecnologías:

Python FFmpeg with NVIDIA NVENC Microsoft Edge-TTS NumPy Anthropic Claude API
GitHub →

Actualizado: 2025-11

Report Assistant - Development Workflow Automation

Live-Local

Automated daily development reporting system with multiple command interfaces (Make, NPM, Shell aliases). Streamlines development workflow by generating GMS (8-checkpoint startup audits) and daily progress reports automatically. Features project compliance auditing, missing report detection, git integration for automated commits, and backup management. Supports both morning GMS audits and evening progress tracking with template-based report generation and batch processing across multiple projects.

Características Principales:

  • Automated GMS startup report generation
  • Daily progress report automation
  • Multi-interface CLI (Make, NPM, Shell aliases)

Tecnologías:

Python 3.x Shell scripting (Bash) Makefile automation NPM scripts Markdown templating
GitHub →

Actualizado: 2025-10

Sinónimos de Caminar - Spanish Synonyms Practice

Live

An elegant interactive collection of 14 sophisticated synonyms for the Spanish verb "caminar" (to walk). Features authentic pronunciation from 8 different Latin American voices (Mexico, Colombia, Argentina, US Neutral) with 56 audio files total. Includes high-quality contextual images from Unsplash, detailed definitions with cultural notes, 3 example sentences per verb, and intelligent filters by formality and context. Built with vanilla JavaScript for a lightweight, fast, fully responsive experience with earth-tones design and elegant typography.

Características Principales:

  • 14 sophisticated synonyms (andar, pasear, deambular, etc.)
  • 8 Latin American voices (México, Colombia, Argentina, US Neutral)
  • 56 audio files (verbs + examples)

Tecnologías:

HTML5 CSS3 (custom styling with earth tones) Vanilla JavaScript (ES6+) Microsoft Edge TTS (8 LATAM voices) Unsplash API (high-quality images)
GitHub → Demo

Actualizado: 2025-10

Sinónimos de Hablar - Spanish Synonyms Practice

Live

An interactive educational web application for exploring 14 curated Spanish synonyms of "hablar" (to speak/talk), designed specifically for Latin American Spanish learners. Features beautiful responsive card interface with hover effects, search and filter by formality level (formal/neutral/informal) and context, cultural notes explaining regional usage differences, real-world example sentences, and high-quality curated images from Unsplash with proper attribution. Built with vanilla JavaScript for a lightweight, fast experience with warm earth-tones design.

Características Principales:

  • 14 curated synonyms (conversar, platicar, charlar, dialogar, etc.)
  • Interactive card interface with hover effects
  • Search & filter (formality level and context)

Tecnologías:

HTML5 (semantic markup) CSS3 (modern styling with flexbox/grid) Vanilla JavaScript (ES6+) Unsplash API (high-quality images with attribution)
GitHub → Demo

Actualizado: 2025-10

Sinónimos de Ver - Spanish Synonyms Practice

Live

An elegant visual tool for learning 14 sophisticated synonyms of the Spanish verb "ver" (to see) in Latin American Spanish. Features high-quality contextual images downloaded locally from Unsplash for offline use, elegant interface with refined typography, search and filters by formality, region, and context, authentic usage examples from Latin America, cultural notes and regional variations. Designed for intermediate/advanced Spanish learners with sophisticated color palette, generous white space, and masonry grid responsive layout. Works completely offline with no API dependencies.

Características Principales:

  • 14 sophisticated synonyms (observar, contemplar, avistar, divisar, etc.)
  • High-quality images saved locally (works offline)
  • Elegant refined typography and spacing

Tecnologías:

HTML5 CSS3 Vanilla JavaScript Unsplash images (locally cached)
GitHub → Demo

Actualizado: 2025-10

Spanish Subjunctive Practice Tool

Active Development

Another tool that originated as a Windows GUI I developed when studying intensely with tutors. I wanted something that allowed for dynamic and flexible LLM-enabled practice for this difficult and varied grammatical topic. The app adapts to your level and provides contextual explanations when you make mistakes.

Características Principales:

  • AI-powered contextual explanations based on errors
  • Adaptive difficulty adjustment
  • Multiple practice modes (Traditional Grammar, Task-Based Scenarios, Mood Contrast)

Tecnologías:

Next.js 14 React 18 OpenAI GPT-4 API Vercel Hosting 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!