123 lines
4.6 KiB
Markdown
123 lines
4.6 KiB
Markdown
```text
|
|
███████╗██╗ ██╗███████╗███╗ ██╗████████╗██╗███████╗██╗ ██╗
|
|
██╔════╝██║ ██║██╔════╝████╗ ██║╚══██╔══╝██║██╔════╝╚██╗ ██╔╝
|
|
█████╗ ██║ ██║█████╗ ██╔██╗ ██║ ██║ ██║█████╗ ╚████╔╝
|
|
██╔══╝ ╚██╗ ██╔╝██╔══╝ ██║╚██╗██║ ██║ ██║██╔══╝ ╚██╔╝
|
|
███████╗ ╚████╔╝ ███████╗██║ ╚████║ ██║ ██║██║ ██║
|
|
╚══════╝ ╚═══╝ ╚══════╝╚═╝ ╚═══╝ ╚═╝ ╚═╝╚═╝ ╚═╝
|
|
COMMAND CENTER
|
|
```
|
|
|
|
# Eventify Command Center 🚀
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The **Eventify Command Center** is the premium, high-performance administrative cockpit for the Eventify platform. Built with a sophisticated **Neobrutalism Lite** design language, it provides deep control over user management, event moderation, and platform feedback.
|
|
|
|
---
|
|
|
|
## ✨ Primary Features
|
|
|
|
### 📨 Review Management (New!)
|
|
* **Inbox Zero Flow**: Moderate pending reviews with one-click Approve/Reject actions.
|
|
* **Smart Editing**: Edit review text in real-time via a smooth slide-over drawer with reviewer context.
|
|
* **Metrics Bar**: Live tracking of Pending (notification badges), Live, and Rejected counts.
|
|
* **Safety First**: Required reason selection for rejections and deletions to ensure audit trail integrity.
|
|
|
|
### 👥 User Management (CRM)
|
|
* **360° Inspector**: Comprehensive view of user profiles, booking history, and platform activity.
|
|
* **Account Governance**: Suspend, Ban, or verify users with custom audit logging.
|
|
* **Smart Filtering**: Instant URL-based filtering for high-density user tables.
|
|
|
|
### 📅 Event Presence
|
|
* **Global Events List**: Track and manage all hosted events.
|
|
* **Ad Control**: Integrated Sponsored Ads management for boosting platform visibility.
|
|
|
|
### 📊 Real-time Monitoring
|
|
* **Premium Analytics**: High-level metrics for sales and user engagement.
|
|
* **Status Indicators**: Integrated platform uptime monitoring.
|
|
|
|
---
|
|
|
|
## 🏗 High-Level Architecture
|
|
|
|
The system utilizes a **Feature-Driven Architecture** decoupled from core pages for maximum modularity.
|
|
|
|
```mermaid
|
|
graph TD
|
|
UI[ECC Dashboard UI] -->|Nuqs State| URL[URL State Management]
|
|
UI -->|Actions| Lib[Lib / Features]
|
|
Lib -->|TypeScript| Types[Review/User Types]
|
|
Lib -->|Mock Data| Data[Mock Services]
|
|
|
|
subgraph Design System
|
|
NB[Neobrutalism Lite]
|
|
NM[Neumorphic Utilities]
|
|
end
|
|
|
|
subgraph Feature Modules
|
|
RM[Review Management]
|
|
UM[User Management]
|
|
AC[Ad Control]
|
|
end
|
|
```
|
|
|
|
### Technical Specs
|
|
* **Framework**: [Vite](https://vitejs.dev/) + React 18
|
|
* **Styling**: [Tailwind CSS v4](https://tailwindcss.com/) + Custom HSL Variables
|
|
* **Typography**: `Inter` (Body) + `Martian Mono` (Badges/Data)
|
|
* **State Management**: `nuqs` (Search Param Persistence) + React Context
|
|
* **Integrations**: `lucide-react` icons, `sonner` toasts, `radix-ui` primitives
|
|
|
|
---
|
|
|
|
## 🚀 Development & Deployment
|
|
|
|
### Local Setup
|
|
1. **Clone & Enter**
|
|
```bash
|
|
git clone https://code.bshtech.net/Sicherhaven/eventify-command-center.git
|
|
cd eventify-command-center
|
|
```
|
|
2. **Initialize**
|
|
```bash
|
|
npm install
|
|
```
|
|
3. **Ignite**
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
### Production Deployment (`sicherh`)
|
|
The application is hosted on our internal **Sicherh** infrastructure.
|
|
|
|
```bash
|
|
# Push latest changes
|
|
git push origin main
|
|
|
|
# Update Production
|
|
ssh sicherh
|
|
cd /root/eventify-command-center
|
|
git pull origin main
|
|
npm run build
|
|
cp -rv dist/* /var/www/admin.prototype.eventifyplus.com/
|
|
```
|
|
|
|
---
|
|
|
|
## 📂 Design Tokens
|
|
|
|
| Property | Value | Utility |
|
|
|----------|-------|---------|
|
|
| Primary | `#1E3A8A` | `bg-primary` |
|
|
| Accent | `#10B981` | `text-emerald-500` (Approval) |
|
|
| Feedback | `#EF4444` | `text-red-500` (Rejection) |
|
|
| Shadow | `3px 3px 0px 0px` | `shadow-neu` (Neobrutalism) |
|
|
|
|
---
|
|
|
|
> Built and Managed by **BSH Technologies** for the **Eventify Platform**.
|