VesuvioTivu - The Underground Hub

A high-performance underground web experience designed for VesuvioTivu, an emerging streamer and content creator. The platform was conceived as a dynamic digital hub that blends an aggressive cyberpunk aesthetic with advanced technical integrations, positioning itself as the central reference point for the streamer's community.

The project revolves around the concept of a "digital volcano," with an industrial and technical design that evokes tactical and hacking interfaces. Through a secure serverless architecture and a cloud persistence system, the site ensures constant synchronization with Twitch APIs, offering premium features such as real-time live status monitoring, automatic token management, and dynamic scheduling—all enriched by immersive micro-interactions and interactive easter eggs.

Technical Features

• Twitch Helix Integration: Implementation of a server-side proxy (Vercel Functions) for secure communication with Twitch APIs, protecting sensitive keys and optimizing requests.
• Persistence & Auto-Refresh: Development of an "immortal" token management system based on Upstash Redis, capable of auto-regenerating and persisting access keys to ensure 24/7 operation.
• Industrial Design System: Creation of a proprietary interface with custom components characterized by skewed shapes, technical grid patterns, and neon glitch effects.
• Logo Interaction System: Development of an interactive "Easter Egg" system on the logo, complete with sound triggers (Spatial Audio) and animations coordinated with the volcano's state.
• Schedule Automation: Custom hooks for dynamic retrieval and display of the Twitch schedule, with automatic fallbacks and dynamic Box Art management for games.
• Community Dashboard: Integration of social feeds and dynamic moderator carousels to highlight active community members and viral content.

Cyberpunk Engineering

The visual language of VesuvioTivu was built from the ground up to reflect the "underground" nature of the community. We avoided standard UI patterns in favor of skewed containers, monospace fonts, and high-contrast neon accents, all while maintaining a focus on performance and readability.

Robust Infrastructure

Behind the glitch effects lies a robust technical architecture. By using Redis for token persistence and Vercel's edge network for deployment, we created a platform that is both highly secure and capable of handling high traffic spikes during major streaming events.