Introduction to Hive Blog Remix Features
Here is an introduction to the key features of Hive Blog Remix implementing so far. This project is built on the Hive blockchain, with a focus on user experience and performance optimization.
1. Core & Security
- Hive Blockchain Integration: Communicates with blockchain data using
@hiveio/dhive. - WIF Login: Supports a secure login method using Private Key (Posting Key) directly. Sessions are managed securely.
- API Failover: Ensures service stability by automatically switching to backup nodes (e.g.,
techcoderx.com) in case of main node failure.
2. User Interface (UI/UX)
- Modern Design: Applied a clean and consistent component system based on
shadcn/ui. - Dark/White Mode: Users can switch themes according to their preference.
- PWA (Progressive Web App):
- Can be added to the home screen and used like an app.
- Service Worker applied with offline support and caching strategies.
- Features to notify users and allow immediate updates when a new app version is available.
- Mobile Optimization:
- Pull-to-Refresh: Implemented "pull-to-refresh" functionality on all pages, similar to mobile apps.
- Optimized menu structure for mobile (improved accessibility for Trending, Hot, New, etc.).
3. Writing Environment
- Markdown Editor: Provides a markdown editor for convenient writing.
- Image Upload: Implemented a custom button to easily upload and insert images within the editor.
- Validation: Prevents accidental posting by checking for the presence of a title, body, and tags.
4. Notifications & Social Features
- Notification Center: Check activity notifications such as replies, mentions, and votes in real-time.
- Mark as Read: Supports an unread notification count badge and a "Mark all as read" feature.
5. Global Support (i18n)
Multilingual support is provided for users worldwide. Currently supported languages include:
- English
- Spanish
- Korean
- Chinese
- French
- Italian
- Russian
- Japanese
- Polish
- Venezuelan Spanish Support
6. Technical Features
- SEO Optimization: Meta tags and Open Graph (OG) tags for search engine optimization are dynamically applied to each page.
- Remix & Vite: Utilizes the latest web technology stack to provide fast loading speeds and smooth page transitions.