TryOn Dash is an internal monitoring and management platform for Twinverse Tech's virtual try-on services. It empowers admins to manage business partnerships and monitor processing logs in real-time.
- Centralized Directory: View all registered businesses with their associated metadata.
- Seamless Registration: Add new business partners via a dedicated interface.
- API Key Control: Manage at-a-glance or obscure sensitive API keys for security.
- Live Stream: Auto-refreshing logs (every 60s) to monitor visual try-on requests.
- Deep-Dive Filters: Filter logs by User ID, Business ID, Product ID, Cloth Type, and technical parameters (Seed, Guidance Scale, etc.).
- Visual Verification: Direct visual comparison of:
- Person Image: The base model/user input.
- Cloth Image: The selected garment.
- Result Image: The AI-generated output.
- Frontend: React with TypeScript
- Build Tool: Vite
- Routing: TanStack Router
- State Management: Redux Toolkit
- Styling: Tailwind CSS
- Icons: Lucide React
- Data Table: TanStack Table
src/store: Redux store and slices for global state (Businesses).src/Layout.tsx: Main application wrapper with a responsive sidebar.src/Sidebar.tsx: Sidebar component with collapse/expand and mobile-responsive overlays.src/App.tsx: Home dashboard for business management.src/Logs.tsx: Real-time logging dashboard with advanced filtering.
- Node.js (Active LTS)
- Yarn (
v4.5.1recommended)
- Clone the repository
- Install dependencies:
yarn install
Run the local development server:
yarn devCreate a production build:
yarn buildThe application connects to the production backend at https://twinverses.in by default (see src/config.ts).
Developed by Twinverse Tech