Managing a rapidly growing, multi-sided Name, Image, and Likeness (NIL) marketplace requires a robust operational command center. The LockedIn HQ Admin Platform is a secure, high-density internal tool built to empower the platform's operators. It provides deep analytical insights, granular user moderation, subscription tracking, and a comprehensive financial ledger for advertising revenue, all wrapped in a sleek, highly responsive dark-mode interface.

Internal tools often suffer from cluttered interfaces and poor performance due to the sheer volume of data they process. The challenge was to architect an administrative dashboard capable of parsing thousands of complex data points—ranging from real-time MRR (Monthly Recurring Revenue) calculations to multi-step ad moderation queues—without causing cognitive overload for the admin team. The frontend required strict type safety, dynamic data visualization, and instant table filtering to ensure efficient platform moderation.

o meet these enterprise-level requirements, I engineered the frontend architecture using Next.js, React, and TypeScript. This stack ensured high performance, secure routing, and strict data handling across complex API responses.

I utilized Tailwind CSS alongside Shadcn UI to build a modular, consistent, and accessible component library tailored for data density. By leveraging advanced charting libraries and optimized React state management, I transformed raw database metrics into highly interactive,

The primary Analytics Overview serves as the heartbeat of the platform. It features high-contrast KPI cards tracking registered users, active athletes, and partner brands. Dynamic line and pie charts offer an immediate visual pulse on user growth and distribution, while a real-time "Recent Activity" feed allows admins to monitor new signups and account upgrades as they happen.

Understanding user acquisition is critical for a marketplace. The User Growth Strength module provides a deep dive into registration patterns. Interactive bar charts map out monthly sign-up trends, paired with precise breakdowns between athlete and brand onboarding. This allows the administrative team to directly measure the effectiveness of external marketing campaigns.

This interface is the financial engine room. It breaks down user distribution across Free, Basic, and Premium tiers, calculating vital SaaS metrics like Conversion Rate (24.8%) and Churn Rate (2.1%). A dedicated Revenue Trends chart maps financial health over a 90-day period, giving stakeholders immediate visibility into the platform's scaling trajectory.

Managing thousands of athletes and brands requires frictionless data tables. The Athlete Directory features multi-parameter filtering, search functionality, and color-coded status badges (Verified, Pending, Suspended, Banned). Admins can take immediate action on individual accounts—such as adjusting subscription plans or verifying identities—directly from this centralized view.

Because LockedIn relies heavily on brand sponsorships, the Ads Submission Master Table acts as a critical moderation queue. This interface allows admins to seamlessly review incoming ad campaigns from brands and coaches, verify payment proofs, and approve or reject submissions before they go live, ensuring strict quality control across the network.

To maintain absolute financial integrity, the Ads Financial Ledger provides a secure audit trail for the advertising ecosystem. It tracks total ad revenue, average order values, and pending payments at a glance. The comprehensive transaction table records every campaign purchase with distinct statuses and downloadable receipts, streamlining the accounting process.

The LockedIn HQ Admin Platform successfully translates massive amounts of marketplace data into clear, actionable insights. By leveraging a modern Next.js and TypeScript architecture, the resulting dashboard is lightning-fast, highly secure, and intuitively designed—proving that internal enterprise tools can be just as polished and performant as consumer-facing applications.