Stats.Fan

An interactive platform that makes sports statistics fun and accessible. Starting with 20,000+ MLB players and 125+ years of history, Stats.fan delivers powerful analysis, comparisons, and trivia through engaging charts and dashboards — built for fans who love the numbers and the stories they tell.

I engineered and designed Stats.Fan, a live MLB analytics platform that makes baseball statistics fun and engaging through interactive dashboards, trivia, and player comparisons.

Highlights

  • Built on React, TypeScript, Node.js, MongoDB, and ECharts, handling data for 20,000+ players and 125 years of MLB history.
  • Designed and shipped a trivia engine, player comparison tool, and interactive charts.
  • Implemented user authentication (SSO, Google login) and optimized backend performance.
  • Deployed the platform to production in 2025 with ongoing improvements and SEO optimization.
  • Bridged product, design, and engineering — responsible for the full lifecycle from architecture to UI/UX.
React.js Node.js Express.js MongoDB Web Scraping Data Engineering nginx PM2
20,000+ Player Profiles
6 Technical Categories
Full-Stack Development
Production Deployed
View Live Project →

Data Engineering & Web Scraping

  • Large-scale web scraping of 20,000+ player profiles
  • Reverse engineering website URL structures and API endpoints
  • ETL pipeline development for data extraction, transformation, and loading
  • Data normalization across hitting, pitching, and fielding statistics
  • Error handling and retry logic for robust data collection
  • MongoDB upsert operations for incremental data updates

Backend Development

  • RESTful API design with Express.js
  • Database schema design for complex nested statistical data
  • MongoDB aggregation pipelines for complex queries and sorting
  • Environment configuration and secrets management
  • CORS configuration for cross-origin requests
  • Middleware implementation for logging and error handling

Frontend Development

  • React.js single-page application development
  • Component-based architecture with reusable UI elements
  • State management for complex data flows
  • Asynchronous API integration with error handling
  • Data visualization with charts and interactive tables
  • Player comparison features with side-by-side analysis
  • Responsive design for multiple device compatibility

DevOps & Infrastructure

  • Linux server administration (Ubuntu)
  • nginx reverse proxy configuration for production deployment
  • PM2 process management for application monitoring
  • DNS management and subdomain configuration
  • Environment-specific configuration (development vs production)
  • Build optimization and static asset serving
  • Server monitoring and log management

Database Management

  • NoSQL database design with MongoDB
  • Indexing strategies for query optimization
  • Connection pooling and performance optimization
  • Cloud database management with MongoDB Atlas

System Architecture

  • Microservices separation (frontend/backend)
  • Scalable application architecture
  • Environment isolation and configuration management
  • Production deployment pipeline

Check out more of my work on GitHub