EPIC: User Interface & Peer Interaction

[relycapital]

Description

UI components for displaying and interacting with nearby peers.

Epic: User Interface & Peer Interaction
Priority: Medium
Estimate: 10

Scope

This epic covers the design and implementation of user interfaces for displaying and interacting with discovered peers, focusing on a clean, minimal UI that follows the project's standards.

User Stories

• US3.1: Nearby Users List - A live-updating list showing discovered people
• US3.2: Profile Details View - Detailed view of peer profiles with contact information
• US3.3: Enhanced Profile Display - Visual improvements including avatars and social info

Implementation Plan

UI Components

1. Implement peer list component with proper sorting options
2. Create profile detail modal with copy/save functionality
3. Design visual indicators for connection strength (RSSI-based)
4. Implement placeholder avatars for peers without images

UX Considerations

• Clear status indicators for discovery state
• Visual feedback for peer expiration
• Battery usage transparency
• Error handling with clear user feedback

Project Standards

Following the BeaconAI ruleset, we will:

• Create reusable UI components in the /components directory
• Use TypeScript for type safety
• Ensure a minimal, clean interface
• Provide clear status indicators and feedback
• Implement proper error handling for Bluetooth issues