Buff My Class
A Live-Data World of Warcraft Guild Site — Zul'jin (US), Midnight
Project Overview
Buff My Class is a dark, armory-inspired website for a 400+ member World of Warcraft guild on the Zul'jin (US) realm, built for the Midnight expansion. It pairs a Warcraft-authentic visual design—stone textures, gilded panels, and Horde-crimson and Sunwell-gold accents—with a fast, vanilla-JS front end that presents the guild's roster, achievements, raid campaign, and Mythic+ ladders.
What makes it more than a static template is that the data is real. A Node.js backend pulls the guild's live roster, item levels, and equipped gear from the Blizzard API, and character portraits and raid progression from Raider.IO, refreshing on a schedule and exposing it through a clean REST API. With 400+ members, it doubles as a genuinely useful internal hub—a single place for the guild to track progress, gear, and standings.
Key Features
- •Searchable, sortable roster of 400+ members with class distribution and role breakdowns
- •Per-character pages with item-level rings, full gear lists, and Wowhead item tooltips
- •Live raid progression and Mythic+ ladders pulled from real game data
- •Achievement gallery with category filters and progress tracking
- •Procedural class art and an animated, armory-inspired dark theme
- •Self-refreshing data with no rebuild, and a recruitment / sign-up flow
The Hall — guild crest, hero banner, and live stats across the roster
Technical Implementation
Frontend & UI
- •Vanilla JavaScript SPA with a hash router—no framework, no build step
- •Hand-authored CSS theme with procedural SVG class art and animated atmosphere
- •Item-level rings, class-distribution charts, and role donuts rendered in the browser
Backend & Data
- •A Node.js server pulls live roster and gear from the Blizzard API via Client Credentials
- •Raider.IO supplies real character portraits and boss-by-boss raid progression
- •Secrets stay server-side; the browser reads normalized guild data through a REST API
Development Highlights
The project prioritized a rich, game-authentic experience while keeping the data current and the front end fast for a 400+ member guild. Notable challenges included:
- •Designing a secure data pipeline that keeps the Blizzard client secret server-side, out of the browser
- •Scheduling automatic refreshes so the roster and raid standings stay current on their own
- •Reconciling Blizzard and Raider.IO data into one consistent model behind a REST API
- •Filtering bank alts and normalizing classes, specs, and gear into clean, readable data
- •Serving 400+ members from a lightweight, framework-free front end that stays snappy
Impact
Buff My Class gives a 400+ member gaming community a professional home that stays current on its own. By combining real game data with a distinctive, hand-crafted design, it delivers:
- • A living roster and raid tracker that reflects the guild's real progress
- • A genuinely useful internal hub for all 400+ members in one place
- • A self-updating data layer that stays current without manual upkeep
- • Recruitment appeal through polished, game-authentic presentation
Visit the Guild
Explore the live site to browse the 400+ member roster and follow the guild's raid campaign and Mythic+ standings through the Midnight expansion.