Skip to content
Wiki Sync Bot edited this page Jul 20, 2025 · 4 revisions

Running Page 2.0 Wiki ๐Ÿƒโ€โ™‚๏ธโšก

Welcome to the Running Page 2.0 wiki! This is your comprehensive guide to understanding, deploying, and customizing your cyberpunk-styled running data visualization platform.

๐Ÿš€ Quick Navigation

๐Ÿ“š Getting Started

๐ŸŽจ Customization

๐Ÿ”ง Technical Guides

๐Ÿ—บ๏ธ Maps & Data

๐Ÿ› ๏ธ Development

๐ŸŒŸ What's New in 2.0

๐ŸŽฎ Cyberpunk Transformation

  • Complete visual redesign with futuristic cyberpunk aesthetics
  • Neon color palette - Electric cyan, hot pink, vibrant green
  • Terminal-inspired UI - Monospace fonts and command-line feel
  • Glitch effects - Subtle scan lines and digital artifacts

โšก Performance Enhancements

  • 7.13 kB Activities page - Optimized bundle size
  • Smart caching - 5-minute React Query cache
  • GPU-accelerated animations - 60fps smooth interactions
  • Efficient pagination - 10 items per page with working navigation

๐Ÿƒโ€โ™‚๏ธ Enhanced Activity Support

  • 10+ Activity Types - Run, Ride, Swim, Walk, Hike, Workout, etc.
  • Smart type detection - Automatic activity categorization
  • Custom icons - Unique visual indicators for each activity type
  • Comprehensive metrics - Distance, pace, elevation, heart rate

๐Ÿ—บ๏ธ Revolutionary Maps

  • Static map caching - 99%+ API cost reduction
  • CDN distribution - jsDelivr for global fast delivery
  • Intelligent fallback - Automatic API fallback when needed
  • 43.96 MB map cache - 424 pre-generated route visualizations

๐Ÿ“Š Project Stats

๐Ÿ“ˆ Performance Metrics:
โ”œโ”€โ”€ Activities Page: 7.13 kB
โ”œโ”€โ”€ Dashboard Page: 4.26 kB  
โ”œโ”€โ”€ Stats Page: 117 kB
โ””โ”€โ”€ Total Maps: 43.96 MB

๐ŸŽฏ Features:
โ”œโ”€โ”€ Activity Types: 10+
โ”œโ”€โ”€ API Endpoints: 12
โ”œโ”€โ”€ UI Components: 20+
โ””โ”€โ”€ GitHub Actions: 4

๐Ÿค Community

๐Ÿ† Acknowledgments

  • @yihong0618 - Original running_page creator
  • Strava API - Activity data source
  • Mapbox - Map generation and visualization
  • Vercel - Hosting and deployment platform
  • Next.js Team - Outstanding React framework

Built with โค๏ธ for runners by runners

Ready to dive deeper? Start with the Installation Guide or explore our API Reference!

Clone this wiki locally