Paths covered: /swap

What it does

• Provides the primary spot swap flow under the heading “Swap” with the tagline “Trade tokens in an instant”.
• Targets GRX Chain by default (top bar shows “GRX Chain Mainnet”) and exposes live-ish market context via the GRX price readout (e.g., “GRX: $9.2507” on the page).

UI elements that define functionality

• Wallet gating: a persistent “Connect Wallet” button in the header is required to execute trades.
• Token selection: a clear call to action “Select a currency” indicates a token picker modal (not shown in the snapshot but implied by the button).
• Amount input: a numeric field showing placeholder/value “0.0” for swap amount entry.
• Mode + chart controls: a “Basic” toggle and timeframe buttons “24H / 1W / 1M / 1Y” indicate an integrated price/volume chart panel; the page shows “Loading chart data...” and a timestamp (e.g., “Mar 26, 2026, 08:21 AM”).
• Risk controls: a visible setting “Slippage Tolerance 0.5” suggests adjustable slippage (likely %).

Strategic significance

• This module is the product’s conversion center: it turns token discovery into execution.
• The presence of chart timeframes and a “Basic” mode implies the team is balancing a simplified trading UX with just enough market context to reduce user hesitation.
• The explicit slippage control is critical on smaller chains/pairs where price impact can be high; surfacing it reduces failed swaps and user support load.

Paths covered: /liquidity

What it does

• Manages LP positions under “Your Liquidity” and supports adding/removing liquidity for pool participation.
• Focuses on user-owned state: the page explicitly says “Connect to a wallet to view your liquidity.”

UI elements that define functionality

• Primary actions:
  • “Add Liquidity” button (entry point into pool creation/join flow).
  • “Connect Wallet” button (required to fetch and render LP positions).
• Position lifecycle hinting: the copy “Remove liquidity to receive tokens back” clarifies the unwind action even before positions load.
• Navigation context: header links show Swap / Liquidity / Analytics, suggesting liquidity is a first-class module parallel to swapping.

Visible data points (and what’s missing)

• No TVL, APR, fee tier, or pool counts are displayed on this page snapshot; it appears designed as a personal dashboard rather than a market directory.
• Because positions are wallet-derived, the empty state is expected until connection; however, the lack of public pool metrics here means users likely need /info to decide where to provide liquidity.

Strategic significance

• Liquidity provisioning is the supply side of the DEX: it enables swap execution quality and creates stickiness through LP returns.
• A dedicated “Your Liquidity” dashboard reduces cognitive load by separating personal positions from market analytics, and it sets the foundation for later enhancements (fee earnings breakdown, position performance, migrations) without changing the overall IA.

Paths covered: /info

What it does

• Acts as an analytics hub with the heading “GrxSwap Info & Analytics”, providing high-level activity stats plus ranked lists for tokens/pools and a transactions feed.

UI elements that define functionality

• Search: a global search field “Search pools or tokens” enables lookup across entities.
• Sections / tables:
  • “Top Tokens” list (table-like layout with columns such as Name / Price / Change).
  • “Top Pools” (implied pool ranking section).
  • “Transactions” feed (implied explorer-style list).
• Watchlist: the presence of a “Watchlist” tab suggests user-curated tracking (likely stored locally or tied to wallet later).
• Pagination / expansion: “See more...” indicates expandable lists.

Visible data points

• Network context shows “GRX Chain Mainnet” and a GRX price label (e.g., “GRX: $9.424”).
• Volume is surfaced as a headline KPI: “Volume 7D 6.17M” and a date marker “Mar 24, 2026”. Another figure “2.64M” appears nearby (likely a daily volume or comparative period).
• In Top Tokens, USDT shows Price 1.00 and a volume-like figure 3.30M; additional token entries include Wrapped GRX (WGRX).

Strategic significance

• This module reduces information asymmetry: users can find liquid tokens/pools before swapping or providing liquidity.
• The combination of ranked lists + transactions provides basic transparency (what’s active, what’s moving), which is essential for trust on emerging chains.
• Keeping analytics in /info avoids overloading the swap page while still linking discovery → action via the shared navbar.