Skip to content

README.md

Latest commit

 

History

History
37 lines (30 loc) · 1.79 KB

README.md

File metadata and controls

37 lines (30 loc) · 1.79 KB

Frontend Armory for Helldiver's Hangar

Forge Your Perfect Loadout – From Assembly to Deployment

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

Frontend Tech Stack:

  • Core: React 18 + TypeScript
  • State: Zustand
  • Drag-and-Drop: react-dnd
  • Styling: Tailwind CSS + Headless UI
  • Storage: Azure Blob Storage CDN
  • Build: Vite

Companion API (Helldiver's Hangar):

  • Framework: NestJS
  • ORM: TypeORM
  • Database: PostgreSQL
  • Validation: class-validator
  • Auth: JWT + Cloudflare Turnstile

Why Contribute?

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."