[IMAGE: https://i.ecency.com/DQmakV4EAF8YpNXmDQzbty8MxP6K7H8QmFmJuSGyhYsnryJ/thumb_1778914234749.jpg] ▶️ 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

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tbExYhKn3H87XC8LvEDU3AVQyDu8jHAXff3DdxEvmfoeqdAK2zJFMkBeiYRkU6tmbgd.png]

New Discovery Routes
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tkmzEjNkktXXMimSf8TYA2dh4qwTygntHRyY7iX9gR2UnKHmhRUbfNBK7zzHMvZmi2y.png]

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tbMP8J2TjMV55UhumLDvPsG2mRbcTVTLoPEviJem59uqKXuFYB9TMRcXyZsFfymd6kK.png]

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tbJxMzuZo9FxswKMshyM8ogPgcpQn21NsPPkpeReX7fLqTu6Aire6pifQcf6H3eFYRj.png]

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tvAZt4ktfv4Y1hhxBRqiVpFw4KrrVKAb5AF4z8PJt3HzuTc82foTd1tZqesYo2Cdcdq.png]

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23u5bYER4fYZvdMuGKNBvn7u68SZV2vBCzCmMWzHNvgCaC34Qha8K7szKz9HNxCDZP48r.png]

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][IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23swkTYTnZ6DjKmU8vXrGetvafX8fhMWjFuJ4yqDrgrVYa1Jsx9goPvL8S2ZioLXb1WLv.png]

PollCard & Filtering
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/EoAT4pXGbpF5madJBVaifZ72sCCNtu9ADsnJa7BQnDknCNHwiQmHspJShiDe93QmMFn.png]

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

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23uFK5nB8fCh1M2qc2dq4iDgqupWTLtqPmeykRvu3V6hXgkUjfBc1UnwR3rHZX8muVgEQ.png]

VideoCard UI
[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tGY4bWWf9jcGPaDwLMxXRxNC4bkcGFdv6YWvKuiDsoeMXC8pKiRXo21HzyGQcJkYZQP.png]

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

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23tvW49jfEsWsWhdTZWc7Z8PtNCk7nSkGBNDWLPJjPMHGy4yRU6qnJJbfYLTer2MXrLfb.png]

Shorts Auto-Play Experience

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23vhuVvkSeuuDAPDWqC1M4QC4W1RPFzKmsBFveeqtqdhjRT6B3z8Ga54Mcx77MkaGL2E8.png]

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

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/23vrtNod82FNqmrZ8VtqzRP3Kvx5XNmCnUNbknZeTdBHshifJrQoT3yyVqJGXRWdbjno3.png]

VideoThumbnail Fallback UI

[IMAGE: https://files.peakd.com/file/peakd-hive/sagarkothari88/Eo45Fbn5GUhQ6H5gqauVXLnXQUcJa8GqKbY5UxUwWnJuoVTwvadxz4WZ6KWRMWz1TJp.png]

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

More Links

▶️ 3Speak

via Apps from