Appearance

Admin-Frontend ​

Overview ​

Welcome to the Admin-Frontend Developer Guide. This comprehensive documentation covers all features, components, pages, and integrations for the Admin-Frontend application.

Quick Start ​

The Admin-Frontend is a Nuxt.js 2 application that provides a comprehensive Digital Asset Management (DAM) system with features including:

  • Asset Management: Upload, organize, and manage digital assets
  • Search & Discovery: Powerful search capabilities with Typesense integration
  • Folder Operations: Complete folder management system
  • Sharing & Permissions: Secure asset sharing with fine-grained access control
  • Multi-Workspace: Work across multiple workspaces
  • Notifications: Real-time notifications and announcements

Documentation Sections ​

Features ​

Comprehensive documentation of all core features and systems:

  • Management Modules
  • Tags & Custom Fields
  • Search & Discovery
  • Folder Operations
  • Upload Flow
  • And more...

Pages ​

Documentation for all application pages:

  • Authentication pages
  • DAM Module pages (Dashboard, Search, Folders, etc.)

Components ​

Reusable Vue components used throughout the application:

  • Asset List
  • SearchBar
  • FileListingCard
  • And more...

API Services ​

API integration documentation:

  • S3 Integration
  • Typesense Search

Middleware ​

Route middleware documentation

Mixins ​

Reusable Vue mixins and common functions

Store ​

Vuex store modules and state management

Utils ​

Utility functions and helpers

Getting Started ​

  1. Start with Features Overview to understand the core systems
  2. Review Management Modules for application structure
  3. Explore Pages to see how features are implemented
  4. Check Components for reusable UI elements

Architecture ​

The Admin-Frontend is built with:

  • Framework: Nuxt.js 2
  • UI Library: Vuetify
  • State Management: Vuex
  • Search Engine: Typesense
  • Storage: AWS S3
  • Build Tool: Webpack