Skip to main content

ZÈYA Admin Panel Documentation

Complete documentation for the ZÈYA Admin Panel - a Next.js admin dashboard for managing the ZÈYA platform.

🖥️ About​

ZÈYA Admin Panel is a Next.js web application that provides administrators with comprehensive tools to manage users, products, transactions, analytics, and platform settings. Built with Next.js 13 and React Bootstrap, the dashboard offers real-time insights, user management, product verification, and extensive reporting capabilities.

Version: 0.1.0
Framework: Next.js 13.2.4
React: 18.2.0

📚 Documentation​

🚀 Quick Start​

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

For detailed setup instructions, see Setup & Installation.

🏗️ Tech Stack​

  • Framework: Next.js 13.2.4
  • React: 18.2.0
  • UI Framework: React Bootstrap, Bootstrap 5
  • Charts: ApexCharts, Chart.js, Recharts
  • HTTP Client: Axios
  • Styling: SASS/SCSS
  • Authentication: JWT-based

See Architecture for complete tech stack details.

✨ Key Features​

  • 👥 User Management - Complete user administration
  • 📦 Product Management - Product verification and management
  • 📊 Analytics Dashboard - Real-time insights and reports
  • 🔄 Transaction Management - Swap transaction monitoring
  • 👥 Group Management - Group administration
  • 📢 Notification Management - Promotional notifications
  • 📈 Demographics & Insights - User analytics and demographics
  • 🔐 Role-Based Access - Granular permission system

See Features for detailed feature documentation.

📖 API Integration​

The admin panel connects to the ZÈYA API backend. See API Integration for integration details and API Documentation for API endpoints.

🔗 Related Documentation​

Last Updated: December 2024