🌍 SendXpress Frontend

The social commerce storefront for SendXpress — discover global suppliers and pay with Stellar escrow.

SendXpress Frontend is the Next.js web application connecting importers with verified global suppliers. Browse the social product feed, negotiate in real-time chat, and pay safely through Soroban smart contract escrow on Stellar.

---

✨ Core Features

• 🌍 Supplier Discovery: Social feed of global product listings with filters and search.
• 💬 Real-Time Chat: Negotiate prices and terms directly with suppliers.
• 🔒 Stellar Escrow: Freighter wallet integration for trustless escrow payments.
• 📦 Shipment Tracking: Live order status from warehouse to doorstep.
• ⭐ Trust Scores: On-chain reputation for every supplier and importer.
• 🌗 Dark / Light Mode: System-aware theme with smooth toggling.

---

🗂️ Project Structure

├── pages/
│   ├── _app.tsx            # App shell
│   └── index.tsx           # Landing page
├── components/
│   ├── atoms/              # Button, Card, Toast, ThemeToggle, Input
│   ├── molecules/          # SupplierCard, ChatPreview, DealCard, WalletData
│   └── organisms/          # Navbar, Feed, ChatDrawer, EscrowModal
├── hooks/
│   ├── useAccount.ts       # Stellar wallet state
│   ├── useTheme.ts         # Dark/light mode
│   └── useToast.ts         # Notifications
├── shared/
│   ├── contracts.ts        # Soroban contract bindings
│   └── utils.ts            # Shared utilities
└── styles/
    └── globals.css         # Tailwind base

---

🚀 Getting Started

npm install
cp .env.example .env
npm run dev

Related repos:

• SendXpress/backend — REST API
• SendXpress/smartcontract — Soroban escrow
• SendXpress/mobile — iOS app

---

📜 License

MIT License. Copyright (c) 2026 SendXpress.