❖CMS & analytics back office

Skin Anarchy Admin

The internal CMS and analytics back office powering Skin Anarchy — giving non-technical staff full control over content, products, and reporting.

Year: 2024 — Now
Role: Full-stack engineer
Stack: Next.jsFirebase / FirestoreGoogle Analytics APIRechartsOpenAI

// The problem

As Skin Anarchy's editorial and product catalogs grew, the team needed to manage content, products, sponsors, and reporting without ongoing developer involvement.

// The approach

I built a Next.js back office that hands non-technical staff full control: rich-text authoring with React Quill, bulk Top Picks ingestion from CSV/Excel with validation, role-based staff management, an analytics dashboard on the Google Analytics Data API and Recharts, an image-processing pipeline, AI tooling via OpenAI, and a tech-support ticketing system.

// The outcome

One dashboard for content authoring, bulk product management, sponsor and staff administration, and live analytics — removing ongoing developer involvement from day-to-day operations.

// Highlights

Rich-text authoring + bulk CSV/Excel ingestion with validation
Live analytics via Google Analytics Data API + Recharts
AI tooling (OpenAI) and an image-processing pipeline
Role-based staff management and tech-support ticketing

// Next project

EatAi

→