.png)
.png)
.png)
.png)
.png)
.png)
Outrage London Dashboard
Internal operations platform for a premium London entertainment brand
/ Overview
Built to run a business, not just display data. A comprehensive internal dashboard that consolidates HR, scheduling, payroll, communications, social media, and operations into one premium platform — designed around the Outrage London brand identity.
See it live/ Project Details
Name: Outrage London Dashboard — Internal Operations Platform
Client: Outrage London
Industry: Entertainment / Nightlife / Events
Date: 2025 — 2026
Project Page: Private / Internal
/ Challenge
The challenge was to replace a fragmented set of tools with a single, secure, role-based platform — without losing performance or the brand's premium feel. The client's growing team was spread across disconnected systems for HR, rotas, payroll, hiring, and communications. Every department operated in isolation. The solution needed to unify everything while remaining fast, intuitive, and visually aligned with the Outrage London identity.
/ Provided Services
UI/UX Design
Every screen was designed around the brand's "old money, premium, calm" tone — Navy Blue #13294B, Off White #F6F4F1, Instrument Serif headings, and Public Sans body text.
Full-Stack Web Development
30+ modular dashboard pages built in React 19 + Vite, backed by Firebase (Firestore, Auth, Storage, Cloud Functions), with real-time updates throughout.
Branding & Design System
A custom design system was implemented across all pages — consistent icons, typography scale, spacing, and component patterns enforcing the brand guidelines.
Firebase Architecture
Role-based access control, Firestore data modelling, Cloud Functions for business logic (payroll calculations, holiday accrual, triggers), and Storage for file management.
/ Solution
The dashboard was built as a modular, role-based React application backed by a Firebase serverless architecture. Each department got its own dedicated module — from onboarding candidates through an interactive org chart, to staff rota scheduling, holiday accrual, Meta Ads management, and internal chat — all in one authenticated platform. Real-time Firestore listeners keep every view live without polling.
/ Tech stack
React 19 & Vite
A fast, modern component architecture with hot module replacement and optimised production builds. Redux Toolkit and TanStack React Query manage global and server state.
Firebase Platform
Firestore for real-time data, Firebase Auth for role-based access, Cloud Storage for documents and assets, and Cloud Functions (Node.js 22) for serverless backend logic.
Material UI (MUI v7)
A consistent component library providing data grids, date pickers, dialogs, and form controls — all themed to the brand's colour palette and typography.
FullCalendar & Recharts
Interactive scheduling views (staff rota, meetings, holiday) and analytics charts (productivity, performance) built with purpose-built libraries for reliability and performance.
/ Client's Feedback
The freelancer is amazing and to be honest sorts any issues that arise which is uncommon for coders, this guy will go all the way to the top and I've found a diamond in the rough here. I will be using him a lot again in the future — top man.
Outrage London
5.0 ★★★★★ — Verified Upwork Review
