Feed the Realm — Backoffice

Admin dashboard for managing the Feed the Realm game platform. Built with React, TypeScript, and Vite.

Technologies

• React 19
• TypeScript
• Vite
• React Router v7
• MUI (Material UI)
• Tailwind CSS v4

Quick Start

Prerequisites

• Node.js
• pnpm

Development

# Install dependencies
pnpm install

# Start the development server
pnpm dev

Build

# Type-check and build for production
pnpm build

# Preview the production build locally
pnpm preview

Lint

pnpm lint

Structure

src/
├── pages/          # Top-level route views
│   ├── Login.tsx
│   ├── Dashboard.tsx
│   ├── Users.tsx
│   ├── Worlds.tsx
│   ├── Metrics.tsx
│   └── Exports.tsx
├── components/     # Shared UI components (Sidebar, Topbar, Dialogs, etc.)
├── services/       # API client and per-domain service modules
└── assets/         # Static assets

Configuration

The app connects to the core-service API. Set the base URL in src/services/config.ts or via environment variables before building.