↓ Skip to main content

Video Tante - Ngentot Sama Keponakan Rapidshare

| Screen | Core Elements | Interaction Highlights | |--------|---------------|------------------------| | Home | - Hero carousel (latest episode)
- “Continue Watching” strip
- Category tabs (Lifestyle, Music, Food) | Swipe carousel, auto‑play preview (muted 5 s). | | Episode Detail | - Video player (HLS)
- Episode title, description, tags
- Action bar: Like, Comment, Share, Download
- Related clips carousel | Clicking Download opens modal with quality selector → Generate link (spinner → link appears). | | Download Modal | - Quality radio list
- Estimated size
- “Copy Link” button (clipboard)
- “Open in new tab” shortcut | Link auto‑copies; toast notification “Link copied”. | | Playlist | - Grid of saved episodes
- Drag‑to‑reorder (mobile long‑press) | Tap episode → quick‑play or edit playlist. | | Comments | - Threaded view, avatar, timestamp
- “Reply” button, emoji picker | Inline reply expands, optimistic update. | | Admin Upload | - Drag‑and‑drop zone for video file
- Metadata form (title, tags, description, thumbnail)
- “Publish” toggle (draft / live) | Shows progress bar; on success shows “Video processing… (will be live in 5 min)”. |

All colors follow the brand palette: deep teal (#006064), warm coral (#FF6F61), soft gray (#F5F5F5). Font: Inter (variable). Video Tante Ngentot Sama Keponakan Rapidshare

┌───────────────────────┐
│   Front‑End (Web/Mobile)│
│  - React (Next.js)      │
│  - React‑Native (iOS/Android)│
└───────┬───────────────┘
        │  API (REST/GraphQL)
        ▼
┌───────────────────────┐        ┌─────────────────────┐
│   API Gateway (Kong)  │◄──────►│   Auth Service (Keycloak)│
└───────┬───────────────┘        └─────────────────────┘
        │
        ▼
┌───────────────────────┐
│   Video Service (Go)   │  ←─►  FFmpeg pipeline (transcode to HLS/DASH)
│   - Metadata DB (PostgreSQL)
│   - Streaming CDN (CloudFront)
└───────┬───────────────┘
        │
        ▼
┌───────────────────────┐
│   RapidShare‑Like      │
│   Download Service (Go)│
│   - Object Store (S3‑compatible) │
│   - Signed‑URL Generator           │
└───────┬───────────────┘
        │
        ▼
┌───────────────────────┐
│   Analytics & Events  │
│   - Kafka → ClickHouse│
│   - Dashboard (Metabase)│
└───────────────────────┘

All services are containerised (Docker) and orchestrated via Kubernetes with auto‑scaling. | Screen | Core Elements | Interaction Highlights

| Category | Detail | |----------|--------| | Performance | • Page load < 2 s on 3G (core‑web‑vitals).
• Video start‑up latency < 1 s after play. | | Scalability | • Video ingest pipeline must handle 10 GB/min peak.
• Download service must sustain 5 k req/s. | | Security | • Signed URLs use HMAC‑SHA256, expire after configurable TTL.
• All API traffic via HTTPS, JWT‑based auth. | | Compliance | • Store user‑generated comments in GDPR‑compliant region (EU/ID). | | Observability | • Centralised logging (ELK), metrics (Prometheus), alerts for 99.9 % uptime. | | Availability | • 99.95 % SLA for streaming; 99.9 % for download endpoint. | | Maintainability | • Codebase in TypeScript (Node.js + React) for front‑end, Go for download service.
• CI/CD pipeline with automated unit/integration tests (> 80 % coverage). | All services are containerised (Docker) and orchestrated via

| Persona | Goal | Primary Stories | |---------|------|-----------------| | Lina – “The Fan” | Watch episodes, discover behind‑the‑scenes, share with friends. | 1️⃣ As Lina, I want a personalised homepage that shows the latest episodes and my watch‑history.
2️⃣ As Lina, I want to like/comment/share a video directly to Instagram/WhatsApp. | | Rafi – “The Collector” | Download high‑quality video files for offline viewing & re‑edit. | 1️⃣ As Rafi, I can download the original 4K MP4 from a RapidShare‑style link after watching a teaser.
2️⃣ As Rafi, I can see download‑quota and expiry details. | | Maya – “The Sponsor” | Place brand messages in content without breaking immersion. | 1️⃣ As Maya, I can request a branded overlay that appears only for premium members.
2️⃣ As Maya, I receive performance analytics (impressions, click‑through). | | Dev – “The Engineer” | Deploy and monitor the feature with minimal ops overhead. | 1️⃣ As Dev, I need API contracts (OpenAPI spec) for video‑metadata, streaming, and file‑download services.
2️⃣ As Dev, I can toggle RapidShare‑mode (direct signed‑URL) via feature flag. |