๐ŸŒ  ์•„์ŠคํŠธ๋ž„ ์›Œํ”„ ์•„์นด์ด๋ธŒ โ€” ๋ฉ€ํ‹ฐ ๊ฒŒ์ž„ HoYoverse Gacha Tracker

์ž‘์„ฑ์ž

์นดํ…Œ๊ณ ๋ฆฌ:

โ† ํ”ผ๋“œ๋กœ
DEV Community ยท Michael G. Inso ยท 2026-06-21 ๊ฐœ๋ฐœ(SW)
Cover image for ๐ŸŒ  Astral Warp Archive โ€” Multiโ€‘Game HoYoverse Gacha Tracker

Michael G. Inso

Inspiration ๐ŸŒŒ

Astral Warp Archive began as a practical fix for a messy problem: players across Honkai: Star Rail, Genshin Impact, and Zenless Zone Zero were juggling spreadsheets, screenshots, and adโ€‘hoc tools to track pulls and pity. I built a single, visual dashboard that turns scattered data into clear insightsโ€”so players can understand pity, banner trends, and streaks at a glance and compete with confidence. โœจ๐Ÿš‚

What It Does ๐Ÿ”ญ

Astral Warp Archive centralizes gacha tracking across multiple HoYoverse titles:

  • Import warp history URLs and community exports for fast ingestion. ๐Ÿ”
  • Visualize pity progression, banner analytics, and pull distributions in real time. ๐Ÿ“ˆ
  • Compare performance globally via the Global Luck Leaderboard. ๐Ÿ†
  • Predict trends and optimize resources with AIโ€‘powered insights. ๐Ÿค–

Built With and How We Built It ๐Ÿ› ๏ธ

Languages and Frameworks: JavaScript, TypeScript, React, Next.js, TailwindCSS, Chart.js.

Infrastructure: Vercel for frontend hosting; serverless Node.js APIs and AWS Lambda for backend logic; Amazon DynamoDB as the primary store; Supabase/Firebase for auxiliary services and auth. โ˜๏ธ

Integration & AI: HoYoverse Warp History API and community tools for imports; ChatGPT API for predictive analytics and player guidance. The frontend uses Next.js + Tailwind for fast SSR and responsive UI; the backend normalizes disparate game schemas into a unified model (partition key: UserID; sort key: Timestamp). โš™๏ธ

Challenges and Achievements โšก๐Ÿ†

Key challenges solved

  • Robustly parsing multiple warp history formats and edge cases. ๐Ÿงฉ
  • Normalizing disparate schemas into a single analytics model. ๐Ÿ”„
  • Rendering large datasets (100+ pulls) smoothly with virtualization and incremental loading. ๐Ÿš€

What we shipped

  • A single dashboard unifying three major gacha ecosystems. ๐ŸŒ
  • A Global Luck Leaderboard with live pity visualization and shareable profiles. ๐Ÿ“Š
  • Edge caching and serverless deployment for fast, reliable demos. โšก

What We Learned and Roadmap ๐Ÿ“š๐Ÿ”ฎ

Lessons learned

  • Resilient parsing, strict validation, and clear error feedback are essential. โœ…
  • Simple, interpretable visualizations beat dense tables for user comprehension. ๐Ÿง 
  • Community features (leaderboards, shareable exports) drive engagement more than raw analytics. ๐Ÿค

Next steps

  • Realโ€‘time banner prediction and AIโ€‘powered luck forecasting. ๐Ÿ”ฎ
  • Broader game support and crossโ€‘platform sync. ๐Ÿ”—
  • Mobile companion app for quick logging and push notifications. ๐Ÿ“ฑ
  • Social features: profiles, streaks, and achievement sharing. ๐ŸŽ‰

Try It Out โ–ถ๏ธ

์›๋ฌธ์—์„œ ๊ณ„์† โ†—

์ถ”์ถœ ๋ณธ๋ฌธ ยท ์ถœ์ฒ˜: dev.to ยท https://dev.to/michaelinzo/astral-warp-archive-multi-game-hoyoverse-gacha-tracker-3lf0

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค