```text ███████╗██╗ ██╗███████╗███╗ ██╗████████╗██╗███████╗██╗ ██╗ ██╔════╝██║ ██║██╔════╝████╗ ██║╚══██╔══╝██║██╔════╝╚██╗ ██╔╝ █████╗ ██║ ██║█████╗ ██╔██╗ ██║ ██║ ██║█████╗ ╚████╔╝ ██╔══╝ ╚██╗ ██╔╝██╔══╝ ██║╚██╗██║ ██║ ██║██╔══╝ ╚██╔╝ ███████╗ ╚████╔╝ ███████╗██║ ╚████║ ██║ ██║██║ ██║ ╚══════╝ ╚═══╝ ╚══════╝╚═╝ ╚═══╝ ╚═╝ ╚═╝╚═╝ ╚═╝ COMMAND CENTER ``` # Eventify Command Center 🚀 ![Status](https://img.shields.io/badge/Status-Active-success) ![Version](https://img.shields.io/badge/Version-1.1.0-blue) ![Stack](https://img.shields.io/badge/Stack-React%20%7C%20Vite%20%7C%20Tailwind%204%20%7C%20Shadcn-purple) ![License](https://img.shields.io/badge/License-Proprietary-red) 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**.