Skip to content

feat: Add demo/sandbox mode for risk-free platform exploration (#98)#201

Merged
Mosas2000 merged 1 commit intomainfrom
feature/demo-mode
Feb 27, 2026
Merged

feat: Add demo/sandbox mode for risk-free platform exploration (#98)#201
Mosas2000 merged 1 commit intomainfrom
feature/demo-mode

Conversation

@Mosas2000
Copy link
Copy Markdown
Owner

Summary

Implements a complete demo/sandbox mode allowing users to try TipStream without connecting a wallet or spending real STX. Lowers the barrier for new users and hackathon judges.

Changes

New Files

  • DemoContext.jsx: React context provider with mock data (15 demo tips, platform stats, leaderboard data, 125.5 STX demo balance), simulated tip sending with fake transaction IDs
  • DemoBanner.jsx: Amber banner indicating demo mode is active with an exit button

Modified Files

  • animated-hero.jsx: Added 'Try Demo' button replacing 'Learn More', with 'No wallet needed' hint
  • App.jsx: Wired DemoProvider, added handleTryDemo handler, DemoBanner, treats demo as authenticated
  • main.jsx: Wrapped app in DemoProvider
  • Header.jsx: Shows demo wallet indicator and 'Connect Real Wallet' button in demo mode
  • SendTip.jsx: Simulates tip sending with 800ms delay and fake tx IDs in demo mode
  • PlatformStats.jsx: Uses mock stats, shows Demo/Live badge
  • Leaderboard.jsx: Uses mock leaderboard data in demo mode
  • RecentTips.jsx: Uses mock tip feed in demo mode
  • TipHistory.jsx: Uses mock user stats and tip history in demo mode

Testing

  • Build succeeds with no errors
  • All 46 contract tests pass
  • All 61 frontend tests pass

Closes #98

Implement a complete demo mode allowing users to try TipStream without
connecting a wallet or spending real STX. This lowers the barrier for
new users and allows hackathon judges to experience full functionality.

New files:
- DemoContext.jsx: Provider with mock data, simulated tip sending,
  demo platform stats, demo leaderboard, and demo balance
- DemoBanner.jsx: Amber banner indicating demo mode is active
  with an exit button to switch back to live mode

Changes:
- AnimatedHero: Replace 'Learn More' with 'Try Demo' button and
  add 'No wallet needed' hint text
- App.jsx: Wire demo context, add handleTryDemo handler, show
  DemoBanner, treat demo mode as authenticated state
- main.jsx: Wrap app in DemoProvider
- Header: Show demo wallet indicator and 'Connect Real Wallet'
  button text when in demo mode
- SendTip: Simulate tip sending with fake tx IDs and 800ms delay,
  use demo balance instead of real balance in demo mode
- PlatformStats: Use mock stats data in demo mode, show Demo/Live
  badge indicator
  badge indicator
se mock stats data in din demo mode
- RecentTips: Use mock tip feed data in demo mode
- TipHistory: Use mock user stats and tip history in demo mode

Closes #98
@Mosas2000 Mosas2000 merged commit d9633ca into main Feb 27, 2026
1 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a demo mode or sandbox for users to try the platform without real STX

1 participant