Featured Projects

A showcase of innovative solutions demonstrating expertise in full-stack development, AI integration, and user experience design.

🌟 Featured Work

Delish Healthy Food

Full-Stack Web Development

Loading interactive preview...

A comprehensive high-protein recipe collection featuring 76+ recipes across 6 categories with dynamic color themes, complete macro nutrition tracking, and beautiful glass-morphism UI.

⚡ Engineering Highlights

  • •Engineered scalable recipe database architecture with efficient state management using React hooks
  • •Implemented dynamic theming system with category-based color palettes for enhanced UX
  • •Built responsive glass-morphism UI with optimized performance across devices
  • •Designed modular component architecture enabling easy feature expansion and maintenance

🎯 Challenge & Solution

Challenge:

Managing complex nutritional calculations and real-time macro tracking across 100+ recipes while maintaining fast load times

Solution:

Implemented memoization strategies and lazy loading patterns, reducing initial bundle size by 40% and achieving sub-second page transitions

🛠️ Tech Stack:

React 18Vite 5Tailwind CSS 3React Router 6Lucide Icons

AI Mod Client Finder

AI Assisted Tooling

Loading interactive preview...

Production-ready Fabric mod scanner that mirrors a resiliency-focused PowerShell workflow with Playwright scraping, OpenAI classification, and resumable session storage. Ships frictionless UI, compliance-driven privacy tooling, and downloadable ZIP exports for multiplayer migrations.

⚡ Engineering Highlights

  • •Re-implemented a crash-safe AI + scraping pipeline with two-pass classification, retries, and DuckDuckGo harvesting per mod
  • •Persisted streaming scan state, logs, and mod verdicts to disk for instant resume across browser refreshes and server restarts
  • •Delivered configurable OpenAI key handling with local preference toggles, privacy policy alignment, and optional ad slot isolation
  • •Generated TXT and ZIP download bundles containing synchronized metadata for client-only and unknown mod categories

🎯 Challenge & Solution

Challenge:

Translating a monolithic PowerShell script into a production web experience without losing resumability, rate limits, or AI accuracy

Solution:

Built a modular Next.js architecture with SSE progress streaming, Playwright headless Chromium, and OpenAI completions to preserve every control flow while exposing a modern UX

🛠️ Tech Stack:

Next.js 14TypeScriptPlaywrightOpenAIBulmaAnime.jsMatter.js

Lottery Analytics Tool

Financial Technology

Loading interactive preview...

A comprehensive financial calculator analyzing lottery winnings strategies. Features complex financial modeling, tax calculations, and investment projection algorithms.

⚡ Engineering Highlights

  • •Developed sophisticated financial projection algorithms with compound interest calculations
  • •Built dynamic data visualization system using Chart.js with real-time updates
  • •Implemented comprehensive tax calculation engine accounting for federal and state brackets
  • •Designed intuitive comparison interface for annuity vs lump-sum analysis

🎯 Challenge & Solution

Challenge:

Accurately modeling complex tax scenarios and investment growth over 30+ year timeframes with variable rates

Solution:

Created modular calculation engine with year-by-year simulation, factoring in inflation, tax brackets, and variable investment returns, validated against financial planning tools

🛠️ Tech Stack:

ReactJavaScriptChart.jsMathematical Algorithms

DOOMlings Game Companion

Gaming/Utilities

Loading interactive preview...

A comprehensive digital companion for the Doomlings card game. Features searchable card database, rules engine, and optimized mobile experience.

⚡ Engineering Highlights

  • •Built efficient search and filter system for 200+ game cards with instant results
  • •Engineered responsive mobile-first design optimized for gameplay scenarios
  • •Implemented server-side rendering with Next.js for optimal load performance
  • •Designed intuitive card database schema with category and ability taxonomies

🎯 Challenge & Solution

Challenge:

Creating fast, accessible card search during active gameplay without disrupting player experience

Solution:

Implemented fuzzy search with debouncing and keyboard shortcuts, achieving <50ms search response times and seamless mobile navigation

🛠️ Tech Stack:

ReactNext.jsJavaScriptBulma CSSResponsive Design

📁 All Projects

Delish Healthy Food

Full-Stack Web Development

Loading interactive preview...

A comprehensive high-protein recipe collection featuring 76+ recipes across 6 categories with dynamic color themes, complete macro nutrition tracking, and beautiful glass-morphism UI.

  • ✓Engineered scalable recipe database architecture with efficient state management using React hooks
  • ✓Implemented dynamic theming system with category-based color palettes for enhanced UX
React 18Vite 5Tailwind CSS 3React Router 6Lucide Icons

AI Mod Client Finder

AI Assisted Tooling

Loading interactive preview...

Production-ready Fabric mod scanner that mirrors a resiliency-focused PowerShell workflow with Playwright scraping, OpenAI classification, and resumable session storage. Ships frictionless UI, compliance-driven privacy tooling, and downloadable ZIP exports for multiplayer migrations.

  • ✓Re-implemented a crash-safe AI + scraping pipeline with two-pass classification, retries, and DuckDuckGo harvesting per mod
  • ✓Persisted streaming scan state, logs, and mod verdicts to disk for instant resume across browser refreshes and server restarts
Next.js 14TypeScriptPlaywrightOpenAIBulma+2

Animation Studio

AI/Creative Tools

Loading interactive preview...

An AI-powered 2D animation platform that democratizes creative content creation. Built with React and advanced canvas technologies, featuring real-time AI integration and interactive animation tools.

  • ✓Built custom Canvas rendering engine with optimized frame-rate management for smooth animations
  • ✓Integrated AI API endpoints with intelligent error handling and retry logic
ReactJavaScriptCanvas APIHTML5CSS3

Element Box

Game Development

Loading interactive preview...

A sophisticated physics-based sandbox game demonstrating advanced particle systems and real-time element interactions. Features custom physics engine and responsive design.

  • ✓Engineered custom physics engine with collision detection and particle interaction systems
  • ✓Optimized rendering pipeline handling 10,000+ simultaneous particle calculations
JavaScriptHTML5 CanvasCSS3Bulma CSSResponsive Design

Lottery Analytics Tool

Financial Technology

Loading interactive preview...

A comprehensive financial calculator analyzing lottery winnings strategies. Features complex financial modeling, tax calculations, and investment projection algorithms.

  • ✓Developed sophisticated financial projection algorithms with compound interest calculations
  • ✓Built dynamic data visualization system using Chart.js with real-time updates
ReactJavaScriptChart.jsMathematical Algorithms

DOOMlings Game Companion

Gaming/Utilities

Loading interactive preview...

A comprehensive digital companion for the Doomlings card game. Features searchable card database, rules engine, and optimized mobile experience.

  • ✓Built efficient search and filter system for 200+ game cards with instant results
  • ✓Engineered responsive mobile-first design optimized for gameplay scenarios
ReactNext.jsJavaScriptBulma CSSResponsive Design

Coming Soon - New Projects

Learning & Development

I'm always working on exciting new projects! Currently exploring advanced AI integrations, innovative web technologies, and creative coding solutions. Check back soon to see what I'm building next.

  • ✓Continuously experimenting with emerging technologies and frameworks
  • ✓Building proof-of-concept applications to validate new architecture patterns
ReactJavaScriptPythonAI/MLNext.js+1