QCrypto is a comprehensive Custodial Wallet Provider platform designed to offer secure, compliant, and user-friendly asset management for both retail and corporate clients. The platform integrates advanced features for portfolio tracking, transaction management, and regulatory compliance (KYC/KYB/AML), making it a robust solution for modern digital asset operations.
This repository contains a high-fidelity HTML/CSS/JS Mockup of the QCrypto platform. It is designed to demonstrate the user interface, user experience flows, and feature set without requiring a backend connection.
- Login: The login pages (
mockup/login.html) are for demonstration purposes. You can enter any username and password to access the dashboard. The system assumes all credentials are correct. - Role Switching: The mockup includes views for different user roles. You can navigate between them using the file structure or links provided within the dashboard (if applicable).
- Client Panel: Located in
mockup/pages/client/ - Admin Panel: Located in
mockup/pages/admin/
- Client Panel: Located in
- Interactivity: Most buttons and navigation items are interactive and will link to the corresponding pages or open modals to demonstrate functionality.
This section outlines the features, widgets, and functionality available across the QCrypto platform, categorized by user role and page.
- Role-Based Access: The sidebar dynamically shows sections relevant to the user's role (Client, Admin).
- Navigation Links: Quick access to all major modules of the application.
- Active State: Visual indicator for the currently active page.
- Sidebar Toggle: Button to collapse/expand the sidebar on smaller screens.
- Search Bar: Global search functionality (context-aware based on the active module).
- Notifications: Bell icon with a badge count for unread notifications.
- User Menu: Displays user avatar, name, and role.
- Stats Grid:
- Total Portfolio Value: Displays total value in EUR with 24h change (absolute and percentage).
- Fiat Balance: Current fiat holdings available for trading or withdrawal.
- Crypto Assets: Count of distinct crypto assets held.
- Locked in Staking: Total value of assets currently staked.
- Balance History Chart: Line chart showing portfolio value over time. Includes time filters: 7D, 30D, 90D, YTD.
- Portfolio Distribution: Donut chart visualizing the percentage allocation of different assets (e.g., BTC, ETH, USDT).
- Recent Activity: A summary list of the most recent transactions.
- Asset Sections: Dedicated sections for each supported asset (Bitcoin, Ethereum, etc.).
- Asset Summary: Displays total balance and value for the specific asset, with 24h change.
- Address Management:
- List Addresses: View all generated addresses for an asset.
- Add Address: Button to generate a new deposit address.
- Edit Name: Rename wallets/addresses for easier identification.
- Copy Address: One-click copy to clipboard.
- QR Code: Toggle visibility of QR code for mobile deposits.
- Quick Actions:
- Deposit: Initiate a deposit to a specific address.
- Withdraw: Initiate a withdrawal from a specific address.
- Stake: Direct link to staking for supported assets (e.g., ETH).
- Advanced Filters:
- Search: Filter by Transaction Hash, Address, or Note.
- Date Range: Select start and end dates.
- Type: Filter by Deposit, Withdrawal, Trade, Staking, Fee, Commission.
- Asset: Filter by specific cryptocurrency or fiat.
- Status: Filter by Completed, Pending, Failed.
- Export Tools: Buttons to download transaction history as PDF or CSV.
- Transactions Table: Detailed list showing Date/Time, Type (with badges), Asset, Amount, Value (EUR), Fee, Tx Hash (linked), and Status.
- Address Management:
- Whitelisting: Only whitelisted addresses can be used for withdrawals, enhancing security.
- Tagging System: Organize addresses with custom tags (e.g., "Cold Storage", "Vendor").
- Network Filtering: Filter addresses by blockchain network (Bitcoin, Ethereum, Solana, etc.).
- Compliance & Travel Rule:
- Origin Declaration: Mandatory declaration of wallet type (Custodial vs. Non-Custodial) for regulatory compliance (CASP/VASP).
- Ownership Verification: Specify if the wallet is owned by the user or a third party.
- Beneficiary Details: Required fields for third-party beneficiaries to satisfy anti-money laundering (AML) regulations.
- Use Case:
- Managed Accounts: Owners can manage the address book and whitelist approved beneficiaries, while lower-privilege "Trader" or "Worker" accounts can only initiate transfers to these pre-approved destinations.
- Guided Workflow:
- Asset Selection: Searchable grid to choose the cryptocurrency to deposit.
- Network Selection: Critical step to choose the correct blockchain network (e.g., ERC20, TRC20, BEP20) to avoid fund loss.
- Deposit Details: Display of the unique deposit address and QR code.
- Safety Features:
- Network Warnings: Prominent alerts ensuring the user sends the correct asset to the correct network.
- Copy Functionality: One-click copy for addresses to prevent manual entry errors.
- Multi-Step Wizard:
- Asset Selection: Search and select the asset to withdraw.
- Network Selection: Choose the specific blockchain network (e.g., ERC20 vs TRC20).
- Details & Confirmation: Enter amount and select recipient.
- Security Controls:
- Whitelisted Addresses Only: Users must select a recipient from their approved Address Book.
- 2FA Enforcement: Mandatory Two-Factor Authentication code required for every withdrawal.
- Cancellation Window: A timed window (e.g., 60 seconds) to cancel a pending request before it is broadcast.
- Limits & Governance:
- Admin-Defined Limits: Withdrawals are subject to daily and monthly volume limits set by the Administration.
- Approval Workflow: Large withdrawals (exceeding defined thresholds) automatically trigger a manual review in the Admin Compliance panel.
- Fee Calculation: Real-time estimation of network fees and platform deductions.
- Global Stats:
- Total Value Locked: Total value of assets currently staked across all protocols.
- Total Rewards Earned: Cumulative earnings from staking activities.
- Average APY: Weighted average Annual Percentage Yield of current stakes.
- Recent Staking Rewards: A dedicated table listing recent reward payouts with Date, Asset, Amount, and Value in EUR.
- Staking Management: Interface to stake new assets or unstake existing ones (implied by panel structure).
- Fiat Account Management:
- Balance Display: Prominent view of the current fiat balance (supports negative balances for credit lines).
- Withdrawal Lock: Automatic freezing of crypto withdrawals if the fiat balance is negative, enforcing settlement.
- Payment Instructions:
- Bank Details: Tabbed view for SEPA (Europe) and SWIFT (International) transfer details.
- Reference Generation: Unique reference codes (Memo) for reconciling incoming bank transfers.
- History: Log of recent settlement transactions and withdrawals.
- Account Protection:
- 2FA Management: Enable/Disable Google Authenticator or hardware keys.
- Password Rotation: Enforce periodic password changes.
- Session Management:
- Active Sessions: View and terminate active sessions across different devices.
- Login History: Audit log of all login attempts with IP address and location data.
- Permissions (Managed Accounts):
- Role Assignment: For corporate accounts, the primary owner can assign roles (e.g., "Viewer", "Trader") to other users.
- Access Controls: Granular permissions for withdrawal initiation vs. approval.
- Personal Information: Manage contact details and preferences.
- KYC Status: View current verification level and upload required documents.
- Notification Settings: Configure email and push notification preferences for different event types (Logins, Trades, Withdrawals).
- Key Metrics Grid:
- Total AUM: Assets Under Management with percentage growth.
- Active Users: Count of total registered clients.
- Pending KYC: Number of documents awaiting review (with warning indicator).
- Pending Withdrawals: Number of withdrawals requiring approval (with alert indicator).
- Action Required: A prioritized list of items needing attention (e.g., New User Registrations, Large Withdrawals).
- Recent System Activity: A log of recent system-wide events (logins, deposits, etc.).
- Client Stats: Overview of Total Clients, Pending KYB, Pending UBOs, and Rejected applications.
- Corporate Client Table:
- Company Details: Name, Type (LTD, GmbH, PLC), Country, Registration Number.
- KYB Status: Visual badges (Verified, In Progress, Action Needed).
- Stakeholder Status: Quick view of UBO and Director verification progress (e.g., "1/2 Verified").
- Management: "Manage" button to access full client profile.
- Onboarding: "New Corporate Client" modal to initiate the onboarding process.
- Compliance Oversight:
- Travel Rule Enforcement: Review and approve whitelisted addresses for corporate clients.
- Limit Overrides: Set custom withdrawal limits for specific high-volume institutional clients.
- User Directory: Searchable list of all individual users (Retail and Corporate linked users).
- Access Control:
- Status Management: Suspend, Ban, or Activate user accounts.
- Role Assignment: Assign system roles (Admin, Support, Compliance) or Client roles (Owner, Trader).
- Security Audit: View 2FA status and recent login activity for any user.
- Operational Dashboard:
- Asset Monitoring: Real-time tracking of Total Assets Under Custody (AUC) with growth metrics.
- Cold Storage Management: Visual indicators for Cold Storage Ratio vs. targets, ensuring security compliance.
- Net Flow Analysis: 24h inflow/outflow tracking to monitor liquidity requirements.
- Node Status: Health check status for all active blockchain nodes.
- Funds Management:
- Detailed Asset Table: Granular view of funds per asset (BTC, ETH, etc.) with balance and value in EUR.
- Wallet Breakdown: Accordion-style list of specific wallets and addresses holding the funds.
- Revenue Analytics:
- KPIs: Track Total Revenue (YTD), Pending Invoices, and Average Monthly Revenue.
- Visualizations: Charts for Monthly Revenue Trend and Revenue Breakdown by Fee Type (e.g., AUC Fees, Transaction Fees).
- Client Revenue Explorer:
- Granular Reporting: Select specific clients to view their individual revenue contribution over 30, 90, or 365 days.
- Settlement Management:
- Invoicing: View and manage pending commission settlements.
- Generation: Tools to generate invoices for outstanding fees.
- Fiat Operations:
- Transfer Management: Oversee and confirm manual fiat transfers (SEPA/SWIFT).
- Status Tracking: Filter settlements by Status (Pending, Completed), Company, Currency, and Date Range.
- Detailed Review:
- Transaction Details: Modal view for each settlement containing Beneficiary, Bank, IBAN/SWIFT, and Reference data.
- Actionable Workflow: Mark transfers as completed after verification.
- Compliance Tabs: Organized workflow for different compliance aspects:
- Companies (KYB): Corporate verification.
- Users (KYC): Individual user verification.
- Wallets: Wallet address screening.
- Transaction Screening: Real-time transaction monitoring.
- KYB Module:
- Filters: Filter companies by Name, Status (Verified, In Progress, Action Required), and Jurisdiction.
- Verification Checklist: Detailed status of required documents (Articles of Association, Public Registry, Proof of Address, UBO/Director ID, PEP/Sanctions).
- Risk Scoring: Visual risk score (Low/Medium/High) for each entity.
- KYC Module:
- User List: Table of users with Nationality, Tax Residence, and Risk Level.
- SumSub Integration: Tracks verification steps (Identity Doc, Liveness, PoA, AML Screening).
- Status Tracking: Approved, Docs Requested, PEP Match.
- Actionable Insights: "Review" and "Details" buttons to dive into specific cases.