Daily Development Update: HiveSuite Battleship Game and HiveReactKit Enhancements

in HiveDevs21 hours ago

▶️ Watch on 3Speak


HiveSuite

Battleship Game

New Game Mode Added

  • Built a complete 6x6 Battleship game against a bot.
  • Added multiple difficulty levels:
    • Easy
    • Medium
    • Hard
  • Implemented coordinate labels:
    • Columns: A–F
    • Rows: 1–6
  • Battle logs now use readable coordinates:
    • Example: A1 instead of raw x/y positions.

Battleship Main Gameplay Screen

Game Details Page - Play game according to level

Game - Ship Position Selection page

OnGoing Live Game


Victory and Defeat Experience

  • Designed separate themed screens for:
    • Victory
    • Defeat
  • Added recap generation system:
    • Generates side-by-side board summary image after each match.
  • Recap image includes:
    • Hits
    • Misses
    • Sunk ships
    • Final winning shot

Victory Screen
Victory Screen

Defeat Screen
Defeat Screen


Hive Snaps Sharing Integration

  • Integrated Hive Snaps sharing flow:
    • Uploads recap image directly to images.hive.blog.
  • Allows users to instantly share match results inside Hive ecosystem.

Shared Recap Image Example
Shared Recap Image Example


Audio and Gameplay UX Improvements

  • Added sound effects for gameplay interactions.
  • Improved app behavior:
    • Automatically pauses game when:
      • User presses back button
      • User switches tabs

HiveReactKit

Voting System Improvements and Internationalisation

Configurable Vote Sliders + i18n Support

  • feat: configurable vote sliders and i18n support.
  • Added:
    • defaultVotePercent
    • voteWeightStep across all voting flows.
  • Updated:
    • VoteSlider
    • PostComposer
  • Added support for:
    • Dynamic step values
    • Decimal precision handling
  • Introduced internationalisation system:
    • Provider-based architecture
    • Translation hooks
    • English and Spanish labels
  • Fixed translation cache issue.
  • Exported i18n utilities for external applications.
  • Fully backward compatible.

Vote Slider with Decimal Steps
Vote Slider with Decimal Steps

i18n Language Example
i18n Language Example


Video Upload Enhancements

Optional Landscape Video Support

  • feat: add allowLandscapeVideos opt-in for uploads.
  • Added configurable allowLandscapeVideos prop:
    • Default value: false
  • Portrait-only restriction is now optional.
  • Propagated support across:
    • PostComposer
    • Comments
    • Profiles
    • Polls
    • Detail pages
  • Maintained backward compatibility:
    • Existing strict portrait mode unchanged.
  • Build verified successfully.

Landscape Video Upload Example
Landscape Video Upload Example


Community UI Redesign

CommunityDetail and BlogPostList Modernisation

  • feat(community): redesign CommunityDetail and theme BlogPostList.
  • Rebuilt CommunityDetail using:
    • UserDetailProfile-inspired layout
  • Integrated BlogPostList:
    • Supports posts and snaps rendering.
  • Added:
    • Activity feed
    • New tab structure
  • Introduced:
    • New action props
    • Composer props
    • Voting props
  • Removed obsolete props and old layouts.
  • Applied HiveSuite theme styling.
  • Added skeleton loading for better UX.

New CommunityList UI

New CommunityDetail UI

BlogPostList with HiveSuite Theme
BlogPostList with HiveSuite Theme


Powering the Hive Ecosystem

  • Continuously improving Hive applications with a focus on stability, performance, and scalability
  • Contributing to open-source development and building reusable solutions for the community
  • Working towards a stronger, more accessible, and feature-rich Hive ecosystem

Final Note

  • This post has been refined with the help of AI to improve readability and structure
  • The original content and optimised version are both available for reference

More Links

▶️ 3Speak

Sort:  

This post has been manually curated by @steemflow from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

image.png

100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @steemflow by upvoting this comment and support the community by voting the posts made by @indiaunited.

Thank you so much @steemflow & @indiaunited for curation based support.

GIF

via Apps from