A comprehensive peer-to-peer marketplace module for Nexus Wallet, built with React and Redux. This module enables users to browse tokens, create trading pairs, and manage marketplace transactions with an enhanced user interface and improved color scheme.
The Nexus P2P Marketplace is a comprehensive trading module for Nexus Wallet with advanced features for peer-to-peer token trading. Here's a detailed breakdown of all features:
- Welcome interface with marketplace overview
- Quick access to key marketplace statistics
- Real-time market data summary
- Navigation hub to other sections
- Token Discovery : Browse all available tokens with real-time filtering
- Enhanced Search : Search tokens by name, ticker, or address
- Smart Pagination : Navigate through token listings with improved visibility
- Token Selection : Add tokens to trading pairs with one click
- Visual Indicators : Clear status indicators for token availability and actions
- Filter & Sort Options : Multiple sorting criteria (ticker, balance, etc.)
- Token Details : View comprehensive token information including supply, decimals, and addresses
- Trading Pair Selection : Choose from available token pairs
- Cross-Token Trading : Support for Token/Token pairs beyond traditional Token/NXS
- Market Statistics : Real-time last price, 24h volume, and trading metrics
- Auto-Refresh : Configurable automatic market data updates
- Market Actions : Manual refresh and data synchronization Order Creation System
- Order Types :
- 🟢 Buy Orders (Bids) : Purchase base tokens with quote tokens
- 🔴 Sell Orders (Asks) : Sell base tokens for quote tokens
- Order Flow Explanation : Clear guidance on what happens during each order type
- Price & Amount Input : Precise control over order parameters
- Account Auto-Detection : Automatic detection of required accounts for trading
- Order Validation : Comprehensive validation before order submission
- Real-time Calculations : Dynamic calculation of total costs and amounts Market Data & Order Book
- Live Order Book : Real-time display of bids and asks
- Detailed Market Orders : Complete order information including:
- Transaction IDs and timestamps
- Order types and prices
- Token amounts and total values
- Account addresses (shortened for readability)
- "You need" and "You'll receive" calculations
- Market History : Track executed trades and order history
- Price Discovery : Real-time price updates and market depth Enhanced Trading Features
- Cross-Token Pair Creator : Advanced filtering and custom token combinations
- Trading Pair Management : Manage selected trading pairs with status tracking
- Quick Actions : Trade, remove, or modify trading pairs instantly
- Date Tracking : View creation and last activity dates
- Intelligent Pairing : Smart suggestions for token combinations
- Balance Overview : View all token and NXS balances
- Account Management : Create and manage token accounts
- Transaction History : Complete transaction records
- Stake Information : Trust account and staking details
- Account Transfers : Transfer between accounts with validation
- Token Transfers : Send tokens between addresses
- Profile Creation : Create new user profiles
- Profile Status : View profile information including:
- Genesis hash and transaction count
- Recovery settings and last access
- Profile validation status
- Multi-User Support : Handle multiple user profiles
- Session Creation : Establish secure trading sessions
- Session Unlocking : Unlock sessions for trading operations
- Session Status : Monitor active session details
- Session Termination : Secure session management
- Auto-Session Management : Automatic session handling for seamless trading
- Token/Token Pairs : Trade any token against any other token (e.g., CARBON/GOLD)
- Enhanced Token Discovery : Automatic discovery of user tokens
- Comprehensive Pair Generation : Creates all possible trading combinations
- Smart Account Matching : Automatic account detection based on token tickers
- Account Availability Checks : Validates required accounts exist
- Balance Verification : Ensures sufficient balances for trading
- Cross-Token Requirements : Validates Token/Token trading prerequisites
- Error Prevention : Comprehensive validation before order creation
- Order Creation : Create bid and ask orders
- Order Listing : Retrieve active market orders
- Order Execution : Execute existing market orders
- Order Cancellation : Cancel placed orders
- User Order Management : Track personal orders across markets
- Modern Dark Theme : Professional dark interface with vibrant accents
- Improved Typography : Enhanced readability with optimized font weights
- Color-Coded Elements : Intuitive color scheme for better navigation
- Responsive Design : Seamless experience across different screen sizes
- Real-time Notifications : Success/error notifications with auto-close
- Loading States : Clear feedback during operations
- Progress Indicators : Step-by-step operation feedback
- Custom P2P Icon : Unique marketplace icon with gradient design
- Trading Arrows : Visual representation of peer-to-peer trading
- Connection Lines : Network visualization for trading relationships
- Status Indicators : Clear visual feedback for all actions
- Shimmer Effects : Smooth loading animations
- Gradient Backgrounds : Modern card-based interface design
- Real-time Market Data : Live updates of prices and volumes
- Transaction Tracking : Complete audit trail of all operations
- Error Handling : Comprehensive error management with user-friendly messages
- Data Validation : Input validation and sanitization
- State Management : Redux-based state management for consistent data flow
- Secure API Calls : Protected blockchain interactions
- Session Management : Secure session handling
- Input Validation : Comprehensive input sanitization
- Account Protection : Safe account and token management
- Transaction Verification : Multi-step transaction validation
This marketplace represents a complete trading ecosystem within the Nexus Wallet, providing both novice and advanced users with powerful tools for peer-to-peer token trading while maintaining security and ease of use.
- Node.js (v14 or higher)
- npm or yarn package manager
- Nexus Wallet (latest version)
-
Clone the repository
git clone <repository-url> cd Nexus-p2p-marketplace
-
Install dependencies
npm install
-
Development mode
npm run dev
Access at
http://localhost:5000 -
Build for production
npm run build
-
Create module package
node build-nexus-module.js
- Please ensure Litemode is disabled.
- Enable Multi-User Environment.
- Download the latest
Nexus-p2p-marketplace.zipfrom releases - Open Nexus Wallet → Settings → Modules
- Drag and drop the zip file into "Add module" section
- Click "Install module" when prompted
- Access the module from the bottom navigation bar after wallet refresh
Nexus-p2p-marketplace.zip
├── dist/
│ ├── js/
│ │ └── app.js # Main application bundle
│ ├── index.html # Module entry point
│ └── react.svg # Custom P2P marketplace icon
├── nxs_package.json # Module configuration
└── repo_info.json # Repository information
- Framework: React 18 with Redux for state management
- Styling: Emotion CSS-in-JS with custom theme
- Build Tool: Webpack with Babel transpilation
- API Integration: Nexus blockchain API integration
- Module System: Compatible with Nexus Wallet module architecture
The module integrates with various Nexus APIs:
- Assets API: Token and asset management
- Market API: Trading pair and market data
- Finance API: Transaction and balance information
- Supply API: Token supply and distribution data
Contributions are welcome! Please feel free to submit pull requests or open issues for bugs and feature requests.
This project is licensed under the MIT License - see the LICENSE file for details.
Built for the Nexus Ecosystem 🌐