# CoverFanz：表演者市场平台的管理后台

Company: Upwork
Service: 网站开发
Period: 2022-03 - 2022-04
Tech: React.js, TypeScript, Nest.js, Express.js, MongoDB, GraphQL, Google Maps, JavaScript
Canonical: https://webanion.com/zh/portfolio/coverfanz-platform-administration-and-performance-insights

这套管理后台让 CoverFanz 的创始人从上线第一天起，无需求助开发人员就能运营一个表演者市场平台。每一位粉丝、表演者和演出场所都在同一个列表中，附带订阅状态；新场所在地址核实之前一直待在审批队列里；举报会附上原因；表演类型是一份由创始人掌控的列表。它与应用在同一个月内、基于同一套 GraphQL API 构建。

## 完整故事

这些界面让一个新的交易平台从上线第一天起就值得信赖，而且与应用在同一个月内完成。

### 交易平台的好坏，取决于它的成员

<p>一个让场地预约表演者的平台，靠信任生存。只要留着一个虚假场地或一个带有攻击性的个人主页不处理，表演者就会不再回应请求。从上线第一天起，创始人就需要看到谁加入了、审核每一个新场地、处理投诉，而不必等开发人员去跑查询。</p><p>管理后台与 <a href="/portfolio/coverfanz-fan-engagement-and-artist-booking-platform">CoverFanz 应用</a>同步开发，让创始人从第一个小时起就能运营这个交易平台。</p>

### 所有账户，一张列表

<p>每一位粉丝、表演者和场地都在同一张列表里，名字旁边显示订阅状态，是试用中还是已订阅，创始人一眼就能看出谁在付费、谁还在试用平台。在同一行里就可以删除头像，或者封禁、删除账户，搜索功能也能按名字找到任何一个个人主页。</p>

### 未经审核，场地不能预订

<p>每个新注册的场地都会带着它填写的地址进入审批队列等待。创始人在地图上核对地址，然后一键批准或拒绝，只有通过审批的场地才能发出预订。表演者永远不会收到来自一个并不存在的地方的请求。</p>

### 有人处理的举报

<p>当粉丝或表演者举报某个个人主页时，举报会进入管理后台，并注明是谁举报的、为什么举报，从辱骂性语言到不适合儿童派对的图片都有。创始人可以在同一行里删除照片、封禁账户或将其删除，也正因如此，应用里的举报按钮才值得去按。</p>

### 由创始人掌控的分类

<p>表演者注册时可以选择的表演类型（音乐、歌手、舞者或其他），是创始人在这里管理的一张列表，而不是写死在应用里的固定值。在管理后台新增的分类，会在应用注册时直接出现，因此交易平台无需等待两大应用商店发布新版本，就能接纳新的表演类型。</p>

### 同一个月，同一份数据

<p>React 管理后台与后端和两款移动应用在同一个为期一个月的项目中完成设计和开发，并基于同一个 GraphQL API，因此创始人看到的每一张列表，都是应用正在使用的实时记录。对创始人来说，这意味着一个从第一天起就能保持诚信的交易平台。</p>
