DarkRP Job Configuration Builder

Icefuse Networks

Icefuse Networks

Web Dev
Full Stack
DarkRP Job Configuration Builder

Tech Stack

Next.js
TypeScript
Tailwind CSS
Node.js
Lua

Description

The DarkRP Job Builder replaces the legacy Google Sheets + Apps Script workflow used for configuring server jobs with a modern web dashboard. It allows authorized staff to manage thousands of jobs across multiple branches with real-time validation, Steam OAuth authentication, and dynamic Lua code generation.

The system provides a React-based editor for job attributes, weapon and model lists, and advanced gameplay settings, all with a live code preview pane showing the generated Lua configuration. This enables developers to make edits and immediately visualize their effects before pushing to production.

  • Built using Next.js 14 with a TailwindCSS-powered interface and a Node.js API layer.
  • Integrated Steam OpenID login for role-based access control.
  • Live Lua preview generated client-side with syntax highlighting via Prism.js.
  • Modern UX for editing jobs, branches, weapons, models, and permissions.
  • Simulates a full-stack admin system for GMod configuration management.

Project Info

Dashboard Overview

Main dashboard showing all branches and jobs in an organized two-pane layout. Staff can browse categories, filter by tier, and open detailed editors for each role.

/projects/ifn/jobbuilder/branches.png

Login & Access Control

Steam OAuth login flow for authorized staff with rank verification.

/projects/ifn/jobbuilder/login.png

Weapons & Models Editor

Clean modal interfaces for adding and removing weapons or player models dynamically.

/projects/ifn/jobbuilder/weapons.png/projects/ifn/jobbuilder/models.png

Advanced Job Settings

Tier configuration, permissions, jetpack type, and performance settings with live form feedback.

/projects/ifn/jobbuilder/advanced.png