All projects

Resource Calculator

An online tool for determining optimal raw material needs with domain-specific TypeScript constraint solving.

Resource Calculator showing raw materials and crafting steps for selected items

Resource Calculator helps players determine the exact raw materials needed to craft anything in dozens of video games. Achieved rank 1 on Google for multiple relevant search terms through optimization and SEO. Handles over 1000 daily users with 90% faster page loads.

  • Decreased page load times by 90% using a Regex-based job scheduler in Python to compile static versions without sacrificing modular design.
  • Invented a domain-specific TypeScript constraint solver efficient enough to run primary calculations on users' local machines.
  • Decreased page size by over 60% through HTML, CSS, JavaScript minification, gzip compression, and lossy image optimization with pngquant and ImageMagick.
  • Achieved rank 1 on Google search for multiple relevant search terms using SEO techniques.

Constraint Solver Architecture

The domain-specific constraint solver runs efficiently on the client side:

interface ConstraintSolver {
  solve(formula: Formula, constraints: Constraints): Solution[];
  optimize(solutions: Solution[], criteria: OptimizationCriteria): Solution;
}

Static Site Generation Pipeline

The Python-based job scheduler compiles static versions:

  • Regex-based parsing: Extract and validate recipe data
  • Parallel processing: Compile multiple games simultaneously
  • Incremental builds: Only rebuild changed content
  • Cache invalidation: Smart cache expiration strategies

Web Performance Optimization

Multi-layer optimization approach:

Technique Impact Description
Minification 15-20% HTML, CSS, JavaScript compression
Gzip 20-25% Server-side compression
Brotli 10-15% Modern compression algorithm
Lossy image 20-30% pngquant and ImageMagick optimization
Static caching 90% reducing load Browser and CDN caching

SEO Strategy

Achieved top rankings through:

  • Content structure: Clear, hierarchical organization
  • Schema markup: Rich result support for search engines
  • Performance signals: Core Web Vitals optimization
  • Semantic URLs: Human-readable URL structure