My Projects

Filter by Technology

Log 2025 - GitHub Activity Dashboard

Log 2025 - GitHub Activity Dashboard

My 2025 dev log that refreshes automagically every 6-hours via GitHub Actions. Features commit analysis, language distribution, and contribution heatmaps.

Next.js TypeScript GitHub Actions Recharts Tailwind Static Site
fly.johnf.work - Multiplayer Flight Sim

fly.johnf.work - Multiplayer Flight Sim

Real-time 3D flight simulator with multiplayer combat, weather system, and mobile support. Built from zero Three.js experience using AI-assisted development.

Three.js Socket.io Express WebGL JavaScript
GEMS - AI Component Generator CLI/Web

GEMS - AI Component Generator CLI/Web

Dual CLI/web tool for AI-powered UI component generation. Features Claude Code integration, SHARDS remix system, and CMS-ready output. First published NPM package.

Bun TypeScript Claude Code LM Studio Shadow DOM
invision.rip - InVision Clone & Design Archive

invision.rip - InVision Clone & Design Archive

Weekend-built replacement for discontinued InVision app. Features Chrome extension for screenshot capture, project management, and version tracking.

React Express Chrome Extension Multer Socket.io JSON Storage
marketo.rest - Marketo Activity Log AI Analyzer

marketo.rest - Marketo Activity Log AI Analyzer

Python Flask app that analyzes Marketo activity logs using Claude AI.

Python Flask Claude AI Marketo API Docker Bootstrap
Dale - Enterprise Knowledge Assistant

Dale - Enterprise Knowledge Assistant

RAG-based internal chatbot with document context and citations.

Next.js PostgreSQL Drizzle OpenRouter Replit shadcn/ui
cad.johnf.work - Browser-Based 3D CAD

cad.johnf.work - Browser-Based 3D CAD

Custom 3D CAD platform using Manifold.js for geometry. Features 2D sketching, 3D modeling, timeline-based version control, and STL/OBJ export.

React Three.js Manifold.js WebAssembly Zustand TypeScript
rahn.chat - Privacy-First AI Chat Platform

rahn.chat - Privacy-First AI Chat Platform

Client-side AI chat with multi-provider support. All data stays local using IndexedDB.

React TypeScript Firebase Stripe IndexedDB Material-UI OpenRouter
johnf.work - Custom CMS & Portfolio Platform

johnf.work - Custom CMS & Portfolio Platform

Full-stack content management system with secure admin dashboard.

Python Flask PostgreSQL SQLAlchemy Flask-Login Markdown CMS