Portfolio Demo

P2P Marketplace Demo

A trustless peer-to-peer marketplace framework inspired by Binance P2P. Built with Next.js 15, React 19, WalletConnect, and Tailwind CSS.

πŸ› οΈ Tech Stack

βš›οΈ
React 19
UI Framework
β–²
Next.js 15
App Router
🎨
Tailwind v4
Styling
πŸ”—
WalletConnect
Web3 Auth
πŸ“¦
wagmi v2
React Hooks
⚑
viem v2
Ethereum
🎭
shadcn/ui
Components
πŸ“˜
TypeScript
Type Safety

✨ Key Features

πŸ”

Wallet-Based Authentication

Web3-native auth using WalletConnect. Support for 300+ wallets including MetaMask, Coinbase, Trust Wallet.

πŸ“’

Advertisement Model

Binance P2P-inspired ad system. Sellers post offers, buyers browse and select based on reputation and terms.

🎨

Customizable by Industry

Pre-configured templates for Agriculture, Livestock, Electronics, Textiles, or create your own.

⚑

Time-Based Automation

Auto-cancel and auto-release mechanisms prevent scams. Smart contract-ready escrow system.

⭐

On-Chain Reputation

Immutable seller ratings and review history. Cannot be faked or deleted. Trust through transparency.

πŸ’³

Flexible Payments

Support for crypto (USDT, ETH, USDC), bank transfer, PayPal, or cash on delivery. Sellers choose methods.

πŸ“Έ Screenshots

Homepage Screenshot

🏠 Homepage

Vercel-inspired minimalist design with clear value proposition and CTAs

Marketplace Screenshot

πŸ›’ Marketplace

Filter-enabled marketplace with seller ratings, payment methods, and detailed product info

Profile Screenshot

πŸ‘€ User Profile

Comprehensive profile with reputation stats, order history, and received reviews

Onboarding Screenshot

πŸš€ Onboarding Flow

First-time user experience with role selection (buyer/seller) and profile completion

πŸ—οΈ Architecture Highlights

Frontend

  • βœ… Next.js 15 App Router with React Server Components
  • βœ… TypeScript for type safety
  • βœ… Tailwind CSS v4 for styling
  • βœ… shadcn/ui component library
  • βœ… Responsive mobile-first design

Web3 Integration

  • βœ… WalletConnect v2 (AppKit)
  • βœ… wagmi React hooks for Ethereum
  • βœ… viem for type-safe Ethereum interactions
  • βœ… Support for Mainnet, Sepolia, Polygon
  • βœ… Context-based auth state management

Ready to Try It?

Connect your wallet to explore the full marketplace experience. No signup requiredβ€”just your Web3 wallet.