IMPORTANT: Full functionality requires a proxy and socket server running locally with mitmproxy Python package. See Installation Guide for setup instructions. The live demo may have limited functionality without local setup.

Project Components

Detailed overview of each component in the FIG ecosystem

FIG Webapp

Modern Next.js 15 application with cyberpunk UI, Web3 integration, and real-time WebSocket communication. This component provides the user interface for the FIG ecosystem.

Cyberpunk UI

Modern terminal-inspired interface with glassmorphism design

  • 3D terminal background with WebGL effects
  • Glitch text animations and hover effects
  • Glassmorphism components with backdrop blur
  • Responsive design for all screen sizes
  • Platform detection for OS-specific styling

Real-time Communication

WebSocket-based messaging system for live updates

  • Live WebSocket connection monitoring
  • Real-time status updates and notifications
  • Multi-client message broadcasting
  • Session management and lifecycle handling
  • Error recovery and reconnection logic

Web3 Integration

Blockchain authentication and transaction handling

  • MetaMask wallet integration
  • ERC-7824 Nitrolite protocol support
  • JWT-based session management
  • Transaction verification and validation
  • Private key security and protection

Encryption Tools

Client-side encryption and decryption capabilities

  • RSA-OAEP asymmetric encryption (2048-bit keys)
  • AES-GCM hybrid encryption for large data
  • Wallet address-based key management
  • Real-time encryption/decryption processing
  • Copy to clipboard functionality

Testing Sandbox

Multi-browser testing environment with distributed execution

  • Distributed testing across multiple browsers
  • WebSocket-based request execution
  • HTTP GET/POST request testing
  • Live monitoring of WebSocket messages
  • Session creation and management

Credit Shop

Ethereum-based payment system with token minting

  • Sepolia testnet integration
  • ERC20 token minting after payment
  • Credit packages (500, 1000, 10000 credits)
  • On-chain transaction validation
  • Real-time purchase confirmations

Technology Stack

Frontend

  • Next.js 15.5.6
  • React 19.1.0
  • TypeScript 5
  • Tailwind CSS 4

Web3

  • Viem 2.32.0
  • @erc7824/nitrolite 0.4.0
  • WebSocket (ws 8.18.3)

3D Graphics

  • OGL 1.0.11
  • Preact 10.26.9
  • Framer Motion 12.23.21

UI Components

  • React Icons 5.5.0
  • Lucide React
  • Custom Glassmorphism

API Endpoints

POST/api/circuit-test

Execute HTTP requests via curl

Body: { url, method, headers, body }
POST/api/circuit-test-ws

WebSocket-based request execution

Body: { wsMessageData, sessionId }
POST/api/claim

Claim ERC20 tokens after payment

Body: { txHash, address }

FIG Core

HTTP request forwarding system with mitmproxy integration, blockchain authentication, and IPFS storage. This is the core backend component that handles all request processing.

FIG Browser

Privacy-preserving P2P browser with TEE-based mining nodes and decentralized storage. This component provides the actual browsing experience with enhanced privacy.