▶️ Watch on 3Speak

HiveSuite adds Polls, Videos, Shorts feeds, new discovery routes, and reusable multimedia UI components.

HiveSuite

Discovery Section & Navigation Expansion

Sidebar & Route Improvements

Added new sections inside the Discovery navigation:
- Polls
- Videos
- Shorts
- Map

Reordered Discovery section for improved accessibility and navigation flow.

Added new application routes:
- /polls
- /videos
- /shorts
- /map

Improved scalability for future content-focused HiveSuite modules.

Outcome:
- Better content discoverability
- Cleaner navigation organisation
- Expanded multimedia browsing experience within HiveSuite

Updated Discovery Navigation

New Discovery Routes
New Discovery Routes - /videos

New Discovery Routes - /shorts

New Discovery Routes - /polls

New Discovery Routes - /my-videos

Polls Feature Integration

Poll Feed & API Integration

Added new Polls API integration supporting:
- Active Polls
- Ended Polls
- My Polls
- My Votes

Built reusable Snaps-style PollCard UI component.
Added skeleton loading states for poll feeds.

Responsive Poll Feed Layout

Added responsive poll grid layouts:
- 1-column mobile layout
- Up to 4-column desktop layout

Added tab-based poll filtering system for easier browsing.

Outcome:
- Improved poll discovery experience
- Better responsive interaction for Hive users
- Unified card-based UI consistency across HiveSuite feeds

Polls Feed UI

![Polls Feed UI] Screenshot 2026-05-15 at 3.28.31 PM.png

PollCard & Filtering

Videos Section

Video Feed System

Added dedicated Videos section with feed categories:
- Trending
- New
- First Uploads
- User
- Community

Built reusable VideoCard component with:
- Video thumbnail
- Metadata display
- Vote actions
- Comment actions
- Share actions
- Additional feed interactions

Media Handling Improvements

Added branded fallback thumbnails for broken or unavailable media.
Added responsive video grid layouts with skeleton loading states.

Outcome:
- Better video browsing experience
- Improved feed consistency across media types
- Enhanced fallback handling for media rendering

Videos Feed Layout

VideoCard UI

Shorts Feed Experience

Reels-Style Shorts Feed

Added vertical Shorts feed inspired by Reels-style interaction patterns.
Integrated 3Speak GraphQL support for:
- isShort video feeds

Added auto-play support using:
- IntersectionObserver
- hls.js

Ensured only one active video plays at a time for performance optimization.
Added right-side floating action rail for Shorts interactions.

Feed Navigation Improvements

Added automatic scroll-to-top behavior on tab switching.
Added deduplicated feed loading to avoid repeated content rendering.

Outcome:
- Smooth vertical video browsing experience
- Better performance during continuous feed scrolling
- Improved Shorts interaction workflow

Shorts Vertical Feed

Shorts Auto-Play Experience

Shared Components & UI Infrastructure

Reusable Feed Components

Added reusable FeedTabSelector component:
- Pill-based tabs for desktop
- Dropdown selector for mobile

Added reusable VideoThumbnail component:
- Branded fallback artwork support

Improved consistency across Polls, Videos, Shorts, and future feed systems.

Outcome:
- More scalable UI infrastructure
- Better responsive experience across devices
- Improved component reuse across HiveSuite applications

FeedTabSelector Component

FeedTabSelector Component - shorts UI

VideoThumbnail Fallback UI

Powering the Hive Ecosystem

Continuously expanding HiveSuite with modern multimedia discovery experiences
Building scalable feed systems and reusable UI infrastructure for the Hive community
Contributing towards a more interactive, creator-friendly, and feature-rich Hive ecosystem

Final Note

This post has been refined with the help of AI to improve readability and structure
The original development updates and optimized version are both available for reference

Development Update: Polls, Videos, Shorts & Discovery Expansion