Aller au contenu principal

Skatehive 3.0 Application Overview

Skatehive 3.0 is a comprehensive community platform for skaters, built with Next.js and Chakra UI. The application enables users to publish content to the Hive blockchain while seamlessly integrating with Farcaster and Ethereum ecosystems. This overview showcases the key features and functionality available in the platform.

Posting Composer

The posting composer allows users to create rich content using Markdown syntax, upload multimedia files, and publish directly to the Hive blockchain. The component features real-time preview capabilities and handles image/GIF uploads with integrated media processing hooks.

Image

Skate Spot Map

An interactive map displays community-submitted skate spots through Snaps integration. The map uses dynamic loading to maintain optimal page performance until users access the feature. Note: Current implementation requires manual input from web-gnar to transfer Snaps submissions to Google Maps - community contributions welcome.

Image

Bounties

The bounty system gamifies trick challenges where users submit video clips to earn community rewards. Submitting a bounty creates a Snap, while claiming bounties works through upvoting mechanisms. The bounty creator triggers payments when challenges end, automatically generating winner announcements.

Image

Magazine Mode

Magazine mode transforms community posts into an elegant flipbook-style presentation, highlighting trending content within the Skatehive ecosystem for an immersive reading experience.

Image

Leaderboard

The leaderboard ranks SkateHive users based on engagement, posting, Hive Power, NFT holdings, treasure donations, witness voting etc.

Image

Invite System

Authenticated users can invite friends by creating new Hive accounts through email invitations. The system constructs and broadcasts the required Hive operations using Keychain integration for secure account creation.

Image

Airdrop

Any user can create airdrops with Hive tokens or whitelisted ERC20 tokens to support or encourage user behavior by filtering the airdrops by leaderboard category.

Image

Settings and Theme Selection

The platform offers customization through multiple theme options. Creating custom Skatehive themes is straightforward, and while some themes may have minor quirks, they all provide unique visual experiences. Community contributions for new themes are encouraged!

Image

Fast Reply Notification System

The notification page features an integrated SnapComposer for quick replies directly from notifications. This functionality extends to the Farcaster miniapp, enabling seamless communication across platforms.

Image

Buy Hive Account with ETH

Our OnchainKit-powered webapp (compatible as a Farcaster miniapp) enables users to purchase Hive accounts using ETH or USDC on Base network. All proceeds are directed to the skatehive.eth wallet to support platform development.

Image

Multichain Wallet

The /wallet page provides a unified dashboard for managing balances across Hive, Ethereum, and Farcaster wallets. The SkateBank section offers advanced features including HBD savings, token staking, and Pix integration, creating a comprehensive financial management hub within the application.

Image

Farcaster Notifications

The platform bridges Hive blockchain events to Farcaster miniapp users through push notifications. Users first add the miniapp in Farcaster to register in our PostgreSQL database via webhook, then visit /settings to link their Hive account with Farcaster and enable cross-platform mobile notifications.

Image

Auction Platform

As a Builder DAO, Skatehive operates an /auction marketplace that fetches auctions from Nouns Builder contracts. The platform includes Farcaster frame metadata, enabling users to collect digital art directly through Farcaster frames for seamless NFT interactions.

Image

Miniapp Integration

Skatehive functions as a native Farcaster miniapp with intelligent client detection and automatic user authentication. The miniapp components handle seamless account linking without requiring additional sign-in processes, sending welcome notifications upon successful linking.

Skatehive-miniapp

Media Upload Infrastructure

The platform utilizes a hybrid approach for media hosting: Hive Images service for standard uploads, and our dedicated IPFS endpoint (ipfs.skatehive.app) for magazine posts and videos. Our Pinata Basic plan ($20/month) ensures optimal video loading performance but public gateways will work as well. Future plans include reintegrating 3Speak functionality as previously implemented.

Image

GIF Creation Tool

The integrated GIF maker allows users to upload videos and create custom GIFs with up to 30 seconds duration.

gif-maker

Zora Integration

Ethereum-connected users can mint Zora coins on Base network and promote Hive posts to Zora collectibles. This feature bridges traditional social content with NFT monetization. For detailed implementation information, refer to the dedicated Zora integration documentation.

Image

Ethereum Features

If a user is connected solely with their Ethereum wallet and does not have a Hive account, the SnapComposer adapts to display Ethereum-specific actions. This allows users to interact with the platform using their Ethereum identity, providing relevant features and options available on the Ethereum network.

Image