Built with Replit
QEdge Capital Trading Platform Development
Vincent Pasili
Verified
Capital Trading Platform
Project Overview
QEdge Capital is a sophisticated mobile-first fintech trading platform that enables users to participate in professionally managed daily trading sessions.
1. Daily Trading Windows
Pledge Window: Pledge time announced daily
Real-time countdown timers with Eastern Time Zone synchronization
Automatic state transitions and server-side validation
Visual indicators for window status (open/closed)
2. Blockchain Integration
Multi-Chain Support: Ethereum and TRON networks
Etherscan V2 API: Real-time Ethereum USDT deposit verification
Tronscan API: TRON network transaction monitoring
Automatic blockchain verification for deposits and withdrawals
Transaction hash validation with recipient address matching
3. Deposit System
Network-specific deposit addresses (Ethereum/TRON)
Real-time blockchain monitoring for incoming transactions
Automatic balance updates upon confirmation
Visual network indicators and transaction status tracking
Support for USDT stablecoin across both networks
4. Withdrawal Management
Admin-Controlled Withdrawals:
Reown AppKit wallet integration for admins
Direct transaction execution from admin wallets
Manual transaction hash input option
Security Features:
Blockchain verification before balance deduction
Recipient address validation
Amount verification
Transaction success confirmation
5. P&L Allocation System
Daily profit/loss distribution based on pledge participation
6. Admin Dashboard
User Management: View/edit user profiles, KYC status, account locks
Deposit Tracking: Monitor all incoming deposits with blockchain verification
Withdrawal Processing: Approve/reject withdrawal requests with wallet integration
P&L Management: Allocate daily trading results and track performance
Pool Management: Create and manage trading pools
Platform Statistics: Real-time metrics and analytics
7. Mobile-First Responsive Design
Optimized for mobile trading experience
Desktop and tablet responsive layouts
Collapsible card interfaces for mobile screens
Touch-friendly interactions
Pagination for large data sets (10 items per page)
8. Security & Compliance
KYC verification system with document upload
Google Cloud Storage integration for secure document storage
Two-factor authentication (2FA) support
Session management with PostgreSQL persistence
Replit OAuth 2.0/OpenID Connect authentication
9. Real-Time Updates
WebSocket connections for live data
Portfolio balance updates
Trading status notifications
Pledge window countdowns
Transaction confirmations
Technology Stack
Frontend
Framework: React 18 with TypeScript
Build Tool: Vite
Styling: Tailwind CSS with custom QEdge brand design system
UI Components: shadcn/ui (built on Radix UI primitives)
State Management: TanStack Query v5
Routing: Wouter
Forms: React Hook Form with Zod validation
Icons: Lucide React
Charts: Recharts
File Upload: Uppy with dashboard interface
Backend
Runtime: Node.js with Express.js
Language: TypeScript
Database: PostgreSQL (Neon-hosted)
ORM: Drizzle ORM with type-safe operations
Authentication: Passport.js with Replit OAuth
Session Store: connect-pg-simple
WebSockets: ws library
Security: Helmet.js, bcrypt for password hashing
Blockchain Integration
Ethereum:
Etherscan V2 API for transaction verification
ethers.js for blockchain interactions
Wagmi/Viem for wallet connectivity
TRON:
Tronscan API for transaction monitoring
TronWeb for TRON blockchain operations
Wallet Integration: Reown AppKit (formerly WalletConnect)
Cloud Services
Database: Neon (PostgreSQL hosting)
Storage: Google Cloud Storage (KYC documents)
Authentication: Replit Auth (OAuth 2.0/OpenID Connect)
Development Tools
Type Checking: TypeScript strict mode
Code Quality: ESLint with security plugins
Testing: Vitest for unit tests, Supertest for API testing
Database Migrations: Drizzle Kit with
db:push commandDesign System & Inspiration
Color Palette
Primary: Cyan (#06b6d4) - Modern fintech aesthetic
Secondary: Slate grays for professional appearance
Accent: Green for profits, Red for losses
Background: Dark theme with slate-900 base
Design Inspiration
Fintech Platforms
Robinhood: Mobile-first trading interface, simplified user flows
Coinbase: Clean cryptocurrency trading UI, real-time price updates
Binance: Professional trading dashboard, comprehensive data display
E*TRADE: Traditional finance UI patterns, trust indicators
UI/UX Resources
Radix UI: Accessible component primitives (https://www.radix-ui.com/)
shadcn/ui: Pre-built component library (https://ui.shadcn.com/)
Tailwind CSS: Utility-first CSS framework (https://tailwindcss.com/)
Lucide Icons: Consistent icon system (https://lucide.dev/)
Design Tools
Figma: UI/UX design and prototyping (https://www.figma.com/)
UI Avatars: Dynamic avatar generation (https://ui-avatars.com/)
Recharts: Data visualization library (https://recharts.org/)
Framer Motion: Animation library for React (https://www.framer.com/motion/)
Mobile Design Patterns
Material Design: Google's design system for mobile (https://material.io/)
iOS Human Interface Guidelines: Apple's design principles (https://developer.apple.com/design/)
Ant Design Mobile: Mobile-specific component patterns (https://mobile.ant.design/)
Key Design Principles
Mobile-First: Every interface optimized for touch and small screens
Data Clarity: Complex financial data presented simply
Trust Indicators: Security badges, verification marks, transparent calculations
Progressive Disclosure: Collapsible sections for detailed information
Consistent Feedback: Loading states, success messages, error handling
Accessibility: WCAG compliance through Radix UI components
Like this project
Posted Sep 12, 2025
Developed a mobile-first fintech trading platform for QEdge Capital with blockchain integration and real-time updates.
Likes
0
Views
211
Timeline
Aug 26, 2025 - Ongoing
Clients
cryptotip.com ltd
