🚀 Inspiration
Managing gacha pulls across multiple HoYoverse titles used to be chaos — spreadsheets, screenshots, and luck calculators everywhere. I wanted a unified, visual way to track everything: pity counts, banner stats, and luck streaks. That’s how Astral Warp Archive was born — a cosmic hub for players who love data as much as they love their pulls.
đź’ˇ What It Does
Astral Warp Archive centralizes your gacha data from Honkai Star Rail, Genshin Impact, and Zenless Zone Zero.
- Import warp history URLs directly from HoYoverse.
- Visualize pity progression and banner analytics.
- Compare luck globally through the Global Luck Leaderboard.
- Get AI‑powered insights on banner trends and resource optimization.
🧩 Built With
JavaScript, TypeScript, HTML, CSS, React, Next.js, TailwindCSS, Chart.js, Vercel, AWS Databases, UiPath Studio, Supabase, Firebase, HoYoverse Warp History API, ChatGPT API, REST APIs, JSON, GitHub, Devpost, v0.app
🛠️ How We Built It
The frontend runs on React + Next.js, styled with TailwindCSS and visualized using Chart.js.
The backend uses Node.js APIs to normalize data across games, with Supabase and Firebase handling storage and sync.
Deployment is powered by Vercel, with AWS Databases supporting scalable analytics and ChatGPT API adding predictive insights.
⚡ Challenges
- Parsing warp history formats across different HoYoverse games.
- Maintaining performance while rendering large datasets.
- Designing a UI that feels cosmic yet remains lightweight.
🏆 Accomplishments
- Unified three major HoYoverse titles under one dashboard.
- Built a global leaderboard for luck comparison.
- Achieved seamless deployment and caching through Vercel.
đź“š What We Learned
- Efficient data normalization across APIs.
- The importance of UX clarity in statistical visualization.
- How community‑driven features boost engagement.
🔮 What’s Next
- Real‑time banner prediction and AI luck forecasting.
- Mobile companion app for quick warp logging.
- Social profiles to share luck streaks and achievements.
🌌 Try It Out
👉 Live Demo
👉 Devpost Submission (devpost.com in Bing)
#H0Hackathon
Top comments (0)