Skip to main content

AI Projects - Formatted List

AI Projects - Formatted List

Total Projects: 18 Last Updated: 2025-11-20

1. Algorithms & Data Structures - Interactive Learning Platform

ID: algorithms-data-structures Status: Active Development Category: Educational Last Updated: 2025-11

Description

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.

  • GitHub: https://github.com/bjpl/algorithms_and_data_structures
  • Activity: Commit Activity

Technologies

  • Node.js 18+ with ES Modules
  • Python 3.9+
  • Jest (comprehensive testing)
  • Click, Rich (Python CLI)
  • NumPy, Pandas, scikit-learn (Python ML)
  • SPARC methodology with multi-agent orchestration

Features

  • Dual-platform architecture (Node.js + Python)
  • 11 comprehensive learning modules with everyday analogies
  • Interactive practice system with real-time feedback
  • Progress tracking and visualization
  • 50+ practice problems with automated validation
  • Multiple difficulty levels (Beginner to Advanced)
  • 10+ hours of structured educational content

2. Aves - Bird-Focused Spanish Learning

ID: aves Status: Active Development Category: Educational Last Updated: 2025-11 Demo: https://bjpl.github.io/aves/

Description

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.

  • GitHub: https://github.com/bjpl/aves
  • Live Demo: https://bjpl.github.io/aves/

Technologies

  • TypeScript
  • Next.js
  • Unsplash API
  • Tailwind CSS

Features

  • Bird species descriptions in Spanish
  • Authentic images via Unsplash API
  • Contextual learning with visual content
  • Focused topical practice methodology
  • Interactive content exploration interface

3. brandonjplambert.com - Portfolio & Project Showcase

ID: brandonjplambert Status: Live Category: Portfolio Last Updated: 2025-11 Site: https://brandonjplambert.com

Description

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.

  • GitHub: https://github.com/bjpl/brandonjplambert
  • Live Site: https://brandonjplambert.com

Technologies

  • Jekyll 4.3
  • Liquid templating
  • GitHub Pages

Features

  • Bilingual content system (English/Spanish)
  • Dynamic project gallery with category filtering
  • Responsive mini-gallery components
  • AI projects showcase with detailed metadata
  • Photography and creative work integration
  • SEO optimization and semantic HTML
  • Claude Code development workflow integration

4. California Counties Puzzle Game

ID: california-puzzle Status: Live Category: Educational Games Last Updated: 2025-11 Demo: https://bjpl.github.io/california_puzzle_game/

Description

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.

  • GitHub: https://github.com/bjpl/california_puzzle_game
  • Play Game: https://bjpl.github.io/california_puzzle_game/

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)
  • Tailwind CSS 3.4 with dark mode
  • Supabase (PostgreSQL backend)
  • Vitest 2.0 (testing with 1,792 tests passing)

Features

  • D3.js California map with precise county boundaries
  • Drag & drop gameplay with accuracy-based scoring
  • 4 difficulty levels (Easy, Medium, Hard, Expert)
  • 7 regional challenges (Bay Area, SoCal, etc.)
  • Progressive Web App (install on mobile, works offline)
  • Dark mode with OLED optimization
  • Achievement system and leaderboards
  • Touch-optimized with haptic feedback
  • Supabase backend with user profiles
  • WCAG AA accessible interface

5. Colombia Departments Puzzle Game

ID: colombia-puzzle Status: Live Category: Educational Games Last Updated: 2025-11 Demo: https://bjpl.github.io/colombia_department_puzzle/

Description

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.

  • GitHub: https://github.com/bjpl/colombia_department_puzzle
  • Play Game: https://bjpl.github.io/colombia_department_puzzle/

Technologies

  • React 18 with TypeScript
  • Vite (build tool)
  • Tailwind CSS
  • dnd-kit (accessible drag and drop)
  • Zustand (state management)
  • D3-geo (geographic projections)
  • GeoJSON (Colombian boundary data)

Features

  • Interactive drag & drop with real GeoJSON map
  • Multiple game modes (complete, regional, time challenge)
  • Study mode for learning without pressure
  • Progressive hint system (3 levels)
  • Achievement system with badges
  • Post-game analytics and performance reports
  • Sound effects and audio feedback
  • Multiple department tray layouts
  • 6 geographic regions (Andina, Caribe, Pacífica, Orinoquía, Amazonía, Insular)
  • WCAG AAA accessibility compliance

6. CompTIA Network+ N10-009 Learning Platform

ID: network-plus Status: Live Category: Educational Last Updated: 2025-11 Demo: https://bjpl.github.io/learn_comptia_network_plus/

Description

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.

  • GitHub: https://github.com/bjpl/learn_comptia_network_plus
  • Learn: https://bjpl.github.io/learn_comptia_network_plus/

Technologies

  • React 18 with TypeScript
  • Vite 6 (build tool)
  • Zustand (state management)
  • Tailwind CSS
  • Framer Motion (animations)
  • Lucide React (icons)
  • Vitest + Playwright (testing)

Features

  • 23 interactive learning components
  • OSI Model explanation and troubleshooting
  • Network topologies and architectures
  • IPv4/IPv6 addressing and subnetting calculators
  • Scenario-based learning exercises
  • Progress tracking dashboard
  • Coverage of SDN, Zero Trust, and SASE

7. Corporate Intelligence Platform for EdTech Analysis

ID: corporate-intel Status: Production Ready Category: Data Visualization Last Updated: 2025-11

Description

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.

  • GitHub: https://github.com/bjpl/corporate_intel

Technologies

  • 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)
  • dbt (data transformation)
  • Great Expectations (data quality)
  • Redis (caching)
  • MinIO (S3-compatible storage)
  • Plotly Dash + Apache Superset (visualization)
  • OpenTelemetry + Prometheus + Grafana (observability)
  • Docker Compose (production deployment)

Features

  • SEC EDGAR filings integration and analysis
  • Company financial data via Yahoo Finance API
  • GitHub repository metrics and activity tracking
  • News aggregation via NewsAPI
  • Semantic search with pgvector embeddings
  • TimescaleDB time-series optimization
  • Real-time data dashboards with Plotly Dash
  • Distributed processing with Ray framework
  • Prefect workflow orchestration
  • Comprehensive test coverage (391+ tests, 85%+)
  • Docker deployment with development hot reload
  • API performance optimization (p99 < 100ms)

8. Describe It - Spanish Learning Tool

ID: describe-it Status: Active Development Category: Educational Last Updated: 2025-11 Demo: https://describe-it-lovat.vercel.app/

Description

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.

  • GitHub: https://github.com/bjpl/describe_it
  • Live App: https://describe-it-lovat.vercel.app/

Technologies

  • Next.js 14-15.5
  • Supabase
  • OpenAI GPT-4
  • Vercel KV
  • React Query
  • Zustand
  • Radix UI
  • Tailwind CSS
  • Unsplash API

Features

  • Multi-style Image Descriptions (Narrativo, Poético, Académico, Conversacional, Infantil)
  • Interactive Q&A System with difficulty levels
  • Smart Phrase Extraction with categorized vocabulary
  • Session Management with progress tracking
  • Unsplash API integration for diverse image selection

9. Fancy Monkey

ID: fancy-monkey Status: Live Category: E-commerce Last Updated: 2025-11 Shop: https://www.fancymonkey.shop

Description

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.

  • GitHub: https://github.com/bjpl/fancy_monkey
  • Shop: https://www.fancymonkey.shop

Technologies

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

Features

  • Static site hosting on GitHub Pages
  • Single serverless function for checkout logic
  • Real-time inventory validation
  • Mobile payment integration (Apple Pay, Google Pay)
  • Operational procedures documentation

10. Internet Infrastructure Map

ID: internet-infrastructure-map Status: Live Category: Data Visualization Last Updated: 2025-11 Demo: https://bjpl.github.io/Internet-Infrastructure-Map/

Description

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.

  • GitHub: https://github.com/bjpl/Internet-Infrastructure-Map
  • View Map: https://bjpl.github.io/Internet-Infrastructure-Map/

Technologies

  • Three.js
  • WebGL
  • D3.js
  • GSAP
  • Vite
  • GeoJSON
  • TopoJSON

Features

  • Interactive 3D globe with orbit controls
  • Real-time network traffic visualization
  • Layer toggles for different infrastructure types
  • Performance-optimized WebGL rendering (60 FPS)
  • Educational focus with data sourcing transparency
  • 100+ submarine cables from TeleGeography
  • 500+ data centers from PeeringDB
  • 200+ educational articles

11. Letratos

ID: letratos Status: Live Category: Creative Platform Last Updated: 2025-11 Site: https://www.letratos.com

Description

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.

  • GitHub: https://github.com/bjpl/letratos
  • Visit Site: https://www.letratos.com

Technologies

  • Jekyll 4.3
  • SASS/SCSS
  • Liquid Templating
  • Semantic HTML5

Features

  • Bilingual content system (English/Spanish)
  • Custom Jekyll collections for poetry organization
  • Responsive photo galleries with lazy loading
  • Minimal JavaScript approach for performance
  • SEO and accessibility focus
  • WCAG 2.1 AA accessibility compliance

12. Open Learn Colombia

ID: open-learn-co Status: Active Development Category: Educational Last Updated: 2025-11

Description

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.

  • GitHub: https://github.com/bjpl/open_learn_co

Technologies

  • Python
  • feedparser
  • Jinja2 templating
  • News API integration

Features

  • Colombian news aggregation from open sources
  • Spanish language learning integration
  • Educational content curation
  • Content categorization and search
  • NLP capabilities for data analysis

13. Professional Video Generation System

ID: video-gen Status: Live-Local Category: Creative Tools Last Updated: 2025-11

Description

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.

  • GitHub: https://github.com/bjpl/video_gen

Technologies

  • Python
  • FFmpeg with NVIDIA NVENC
  • Microsoft Edge-TTS
  • NumPy
  • Anthropic Claude API
  • FastAPI
  • Pytest

Features

  • 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)
  • 28+ language support with auto-translation
  • GPU-accelerated rendering (5-10x faster)
  • Perfect audio/visual sync (audio-first architecture)
  • Batch processing (15 videos in 30 minutes)
  • Web UI for visual editing
  • 99% time savings vs manual production

14. Report Assistant - Development Workflow Automation

ID: report-assistant Status: Live-Local Category: Productivity Tools Last Updated: 2025-10

Description

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.

  • GitHub: https://github.com/bjpl/report_assistant

Technologies

  • Python 3.x
  • Shell scripting (Bash)
  • Makefile automation
  • NPM scripts
  • Markdown templating
  • Git integration

Features

  • Automated GMS startup report generation
  • Daily progress report automation
  • Multi-interface CLI (Make, NPM, Shell aliases)
  • Project compliance auditing
  • Missing report detection and backfilling
  • Template management (GMS, Daily Progress, Strategic Audit)
  • Automated git commits and backup management
  • Batch operations across multiple projects

15. Sinónimos de Caminar - Spanish Synonyms Practice

ID: sinonimos-caminar Status: Live Category: Educational Last Updated: 2025-10 Demo: https://bjpl.github.io/sinonimos_de_caminar/

Description

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.

  • GitHub: https://github.com/bjpl/sinonimos_de_caminar
  • Practice: https://bjpl.github.io/sinonimos_de_caminar/

Technologies

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

Features

  • 14 sophisticated synonyms (andar, pasear, deambular, etc.)
  • 8 Latin American voices (México, Colombia, Argentina, US Neutral)
  • 56 audio files (verbs + examples)
  • High-quality contextual images from Unsplash
  • Detailed definitions with cultural notes
  • 3 authentic example sentences per verb
  • Intelligent filters (formality, context, search)
  • Elegant earth-tones design
  • 100% responsive (mobile & desktop)

16. Sinónimos de Hablar - Spanish Synonyms Practice

ID: sinonimos-hablar Status: Live Category: Educational Last Updated: 2025-10 Demo: https://bjpl.github.io/sinonimos_de_hablar/

Description

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.

  • GitHub: https://github.com/bjpl/sinonimos_de_hablar
  • Practice: https://bjpl.github.io/sinonimos_de_hablar/

Technologies

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

Features

  • 14 curated synonyms (conversar, platicar, charlar, dialogar, etc.)
  • Interactive card interface with hover effects
  • Search & filter (formality level and context)
  • Cultural notes for Latin American usage
  • Real-world example sentences
  • High-quality images from Unsplash
  • Warm earth-tones color palette
  • Elegant typography (Cormorant Garamond + Inter)
  • Fully responsive (desktop, tablet, mobile)

17. Sinónimos de Ver - Spanish Synonyms Practice

ID: sinonimos-ver Status: Live Category: Educational Last Updated: 2025-10 Demo: https://bjpl.github.io/sinonimos_de_ver/

Description

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.

  • GitHub: https://github.com/bjpl/sinonimos_de_ver
  • Practice: https://bjpl.github.io/sinonimos_de_ver/

Technologies

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Unsplash images (locally cached)

Features

  • 14 sophisticated synonyms (observar, contemplar, avistar, divisar, etc.)
  • High-quality images saved locally (works offline)
  • Elegant refined typography and spacing
  • Search and filters (formality, region, context)
  • Authentic Latin American usage examples
  • Cultural notes and regional variations
  • Perceptual vs. active seeing distinctions
  • Sophisticated color palette (no primary bright colors)
  • Masonry grid responsive layout
  • Mobile-first design

18. Spanish Subjunctive Practice Tool

ID: subjunctive-practice Status: Active Development Category: Educational Last Updated: 2025-11

Description

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.

  • GitHub: https://github.com/bjpl/subjunctive_practice

Technologies

  • Next.js 14
  • React 18
  • OpenAI GPT-4 API
  • Vercel Hosting
  • Tailwind CSS
  • React Context API
  • FastAPI (backend)

Features

  • AI-powered contextual explanations based on errors
  • Adaptive difficulty adjustment
  • Multiple practice modes (Traditional Grammar, Task-Based Scenarios, Mood Contrast)
  • Real-time accuracy tracking
  • Support for stem-changing verbs and sequence of tenses
  • Dark/Light theme
  • Deployed frontend at subjunctive-practice.vercel.app

Summary Table

ID Name Status Category Last Updated
algorithms-data-structures Algorithms & Data Structures Active Development Educational 2025-11
aves Aves - Bird-Focused Spanish Learning Active Development Educational 2025-11
brandonjplambert brandonjplambert.com Portfolio Live Portfolio 2025-11
california-puzzle California Counties Puzzle Game Live Educational Games 2025-11
colombia-puzzle Colombia Departments Puzzle Game Live Educational Games 2025-11
network-plus CompTIA Network+ N10-009 Live Educational 2025-11
corporate-intel Corporate Intelligence Platform Production Ready Data Visualization 2025-11
describe-it Describe It - Spanish Learning Active Development Educational 2025-11
fancy-monkey Fancy Monkey E-commerce Live E-commerce 2025-11
internet-infrastructure-map Internet Infrastructure Map Live Data Visualization 2025-11
letratos Letratos - Creative Platform Live Creative Platform 2025-11
open-learn-co Open Learn Colombia Active Development Educational 2025-11
video-gen Professional Video Generation Live-Local Creative Tools 2025-11
report-assistant Report Assistant Live-Local Productivity Tools 2025-10
sinonimos-caminar Sinónimos de Caminar Live Educational 2025-10
sinonimos-hablar Sinónimos de Hablar Live Educational 2025-10
sinonimos-ver Sinónimos de Ver Live Educational 2025-10
subjunctive-practice Spanish Subjunctive Practice Active Development Educational 2025-11

Generated: 2025-11-20