Helldiver's Armory is the tactical frontend counterpart to the Helldiver's Hangar API, providing soldiers of Super Earth with an immersive interface to design and optimize their Helldivers 2 combat configurations. This React-based progressive web app seamlessly integrates with the NestJS backend to deliver a full-stack loadout management solution.
Key Features:
🔫 Visual Loadout Workshop - Drag-and-drop interface for weapons, armor, and stratagems
🛡️ Azure-Powered Asset Gallery - Instant access to high-resolution item renders via Azure Blob Storage
⚙️ Hangar Integration - Real-time sync with Helldiver's Hangar API (NestJS/PostgreSQL)
🔍 Type-Safe Armory - End-to-end TypeScript validation across frontend and API
🔄 Bi-Directional Sync - Instant save/load operations with battle-tested endpoints
🛡️ Turnstile Security - Cloudflare-protected loadout submissions
- Core: React 18 + TypeScript
- State: Zustand
- Drag-and-Drop: react-dnd
- Styling: Tailwind CSS + Headless UI
- Storage: Azure Blob Storage CDN
- Build: Vite
- Framework: NestJS
- ORM: TypeORM
- Database: PostgreSQL
- Validation: class-validator
- Auth: JWT + Cloudflare Turnstile
This project demonstrates:
✅ Full-stack TypeScript mastery (React + NestJS)
✅ Complex drag-and-drop state synchronization
✅ Azure Blob Storage integration patterns
✅ Secure API communication workflows
"Every successful deployment begins at the armory – craft yours with the precision Super Earth demands."