CHCOMMUNE

CHCOMMUNE

03ChcommuneCollabhousDec 2023 - Jan 2024
Scroll to explore

Chcommuneisafashionbloggingplatformwhereuserscanexploreandpublishblogsthroughamodernwebexperiencewhileallcontentismanagedviaaseparateadminpanel.

The challenge

Brief · 01

The platform needed to support two distinct experiences: a polished, user-facing fashion website and a secure operations dashboard where admins could review, approve, and manage blog submissions. It also needed reliable authentication and scalable content storage.

The solution

Brief · 02

We built the frontend with React and Tailwind CSS, implemented backend services on Node.js, and used MongoDB for blog and user data. A separate AdminJS-powered panel was created for moderation workflows such as blog review, user handling, and notifications. Google login was integrated to streamline user authentication.

Milestones

From early concepts through validation and iteration.

  1. Planned the blogging workflow, moderation logic, and dual

    interface architecture.

  2. Developed the public Chcommune website with modern styling and blog discovery features.

  3. Built the admin panel for managing blogs, users, and notifications.

  4. Integrated Google login and completed deployment for production usage.

03 / Outcomes

  • Delivered a complete fashion blogging product with separate user and admin experiences.
  • Enabled moderated publishing workflows for safer and higher-quality content.
  • Implemented production-ready authentication with Google OAuth.
  • Successfully launched the platform at chcommune.com.

Client / Partner

C

Collabhous

Fashion · Media · Community

A creative collective behind Chcommune — a fashion-led community publishing platform that spotlights independent voices in style and storytelling.

By the Numbers

Impact at a glance

01

2

Surfaces Shipped

Public website and a separate AdminJS-powered moderation panel.

02

1

Auth Provider

Google OAuth integrated end-to-end for frictionless sign-in.

03

6w

Build to Launch

Designed, built and launched at chcommune.com in roughly six weeks.

Core Capabilities

What it does

01 / Feature

Public Fashion Website

Modern, mobile-first React + Tailwind storefront for blog discovery and brand storytelling.

02 / Feature

Moderated Publishing

Every blog passes through an admin review queue before going live, keeping the feed curated.

03 / Feature

Google OAuth

Single-tap login that removes friction from joining and posting on the platform.

04 / Feature

Admin Operations Panel

AdminJS-powered dashboard for blog, user and notification management.

05 / Feature

Notifications Console

Centralised tracking of moderation actions, activity and platform updates.

06 / Feature

Scalable Content Storage

MongoDB-backed schema modelling for blogs, users and engagement data.

The Workflow

Step by step

  1. 01

    Author Drafts

    A creator signs in with Google and drafts a fashion blog through the public site.

  2. 02

    Review Queue

    The post lands in the AdminJS moderation queue for the Collabhous team to review.

  3. 03

    Approve & Publish

    Approved blogs go live on chcommune.com; rejected ones return with notes.

  4. 04

    Community Discovery

    Readers explore the trending feed, profiles and connect flows on the public site.

See it in action

Work in detail

Website Hero
01 // Exhibit

Website Hero

The public Chcommune fashion website homepage with clean, minimal visual direction.

Admin Dashboard Home
02 // Exhibit

Admin Dashboard Home

Dedicated AdminJS panel used by moderators to control content and platform operations.

03 // Exhibit

Website About Section

Who are we page presenting Chcommune's brand and storytelling identity.

Website About Section
04 // Exhibit

Website Connect Page

User profile and connect flow for community interactions on the platform.

Website Connect Page
Website Blogs Feed
05 // Exhibit

Website Blogs Feed

Public-facing trending blogs experience designed for fast content discovery.

06 // Exhibit

Admin Blog Moderation

Admin interface for reviewing and managing blog posts and metadata.

Admin Blog Moderation
07 // Exhibit

Admin Community Management

Panel view for monitoring community members and user records.

Admin Community Management
Admin Notifications
08 // Exhibit

Admin Notifications

Notifications control screen used to track moderation and activity updates.

A closer look

Website Hero
Admin Dashboard Home
Website About Section
Website Connect Page
Website Blogs Feed
Admin Blog Moderation
Admin Community Management
Admin Notifications

Next in the archive

DIGIMESS

DIGIMESS