Xx Vidos | X

| Element | Description | |---------|-------------| | Feature Name | X XX Vidos (working title) | | Owner / Sponsor | Product – Media Experience | | Target Audience | End‑users who consume short‑form video content on the platform (mobile & web) | | Business Goal | Increase daily active users (DAU) and average session length by delivering a highly discoverable, personalized short‑video feed. | | Success Metrics | • +15 % DAU within 3 months of launch
• +20 % average session time
• ≥70 % “watch‑through” rate for videos
• ≤5 % crash/ANR rate for the new UI | | Dependencies | • Recommendation Engine (ML)
• Media Transcoding Service
• CDN (for low‑latency delivery)
• Analytics & Telemetry pipelines | | Assumptions | • Users already have a basic account and can upload videos.
• Existing authentication, privacy, and reporting flows are in place. |

| Category | Requirement | Metric / Target | |----------|-------------|-----------------| | Performance | Page load < 2 s (mobile, 3G) for public channel pages. | Lighthouse > 90. | | Scalability | Support 100 K concurrent viewers at launch, auto‑scale to 10 M. | Horizontal auto‑scaling groups, CDN cache hit > 95 %. | | Reliability | 99.9 % uptime SLA for video streaming. | Multi‑AZ deployment, health checks. | | Security | GDPR & CCPA compliant. | Data‑subject request pipeline, encryption‑at‑rest (S3) & in‑transit (TLS 1.3). | | Privacy | Default to minimal data collection; opt‑in analytics. | Clear consent banners. | | Accessibility | WCAG 2.1 AA compliance. | Automated aXe testing + manual audit. | | Legal | No DMCA safe‑harbor needed at MVP (user‑generated content only). | TOS includes “Take‑Down” process. | | Internationalization | UI ready for i18n (English + 2 additional languages at launch). | i18next integration. | x xx vidos

[Mobile/Web Client]
   │
   ▼
[API Gateway] ──► /feed/userId (GET) ──► Recommendation Service
   │                                 │
   │                                 └─► Redis Cache (recent recommendations)
   │
   └─► /videos/videoId (GET) ──► Media Service
               │                     │
               └─► CDN (Edge) ──► Adaptive Bitrate Streams (HLS/DASH)

| ID | As a … | I want … | So that … | |----|--------|----------|-----------| | US‑001 | New visitor | to see a short‑video feed on the home screen without signing in | I can instantly gauge whether the app is worth using. | | US‑002 | Signed‑in user | personalized video recommendations based on my watch history, likes, and follows | the feed feels relevant and keeps me engaged. | | US‑003 | Creator | a one‑tap “Capture” button that opens the camera in 5 seconds | I can quickly record and share a short clip. | | US‑004 | Creator | to add optional captions, stickers, and background music from a curated library | My videos look polished and stand out. | | US‑005 | Viewer | to double‑tap to like, swipe left/right to skip, and swipe up to view the creator’s profile | Interaction feels natural and fast. | | US‑006 | Viewer | to report inappropriate content directly from the video overlay | I can help keep the community safe. | | US‑007 | Product Analyst | to receive real‑time metrics (views, likes, watch‑through) per video | I can optimise recommendation models and ad placement. | | US‑008 | Operations | automated transcoding to 3 adaptive bitrate ladders (240p, 480p, 720p) | Videos play smoothly on any network condition. | | Category | Requirement | Metric / Target

| Layer | Recommended Tech | Rationale | |-------|------------------|----------| | Frontend | React + TypeScript + Vite (SPA) → Next.js for SSR of public pages | Component reuse, excellent ecosystem for drag‑drop, progressive web app (PWA) support. | | Design System | Tailwind CSS + Headless UI | Rapid theming, responsive out‑of‑the‑box. | | Video Player | Video.js (HLS plugin) or Shaka Player | Handles adaptive streaming, captions, DRM‑ready if needed later. | | Backend (API) | Node.js (NestJS) or Go (Fiber) – REST + GraphQL | Strong typing, easy integration with AWS services. | | Storage & CDN | Amazon S3 for raw uploads → AWS Elemental MediaConvert for transcoding → CloudFront CDN for HLS playback | Scalable, pay‑as‑you‑go, global low‑latency. | | Database | PostgreSQL (primary) + Redis (caching, rate‑limiting) | Relational consistency for user/channel/video relations; Redis for fast view‑count increments. | | Background Jobs | BullMQ (Node) or AWS SQS + Lambda workers | Queue heavy transcoding, thumbnail generation, email notifications. | | Search | Elasticsearch (or OpenSearch) | Full‑text, tag filtering, fast suggestions. | | Authentication | OAuth2 / OpenID Connect (Auth0 or Supabase Auth) | Secure, social login, email verification out‑of‑the‑box. | | Payments | Stripe Connect (for payouts) + PayPal Adaptive Payments (optional) | Supports one‑time tips, pay‑per‑view, and scheduled payouts to creators. | | Moderation AI | Perspective API + custom classifier (TensorFlow/PyTorch) | Flag toxic comments, auto‑hide before human review. | | Monitoring | Grafana + Prometheus (metrics) + Sentry (error tracking) | End‑to‑end observability. | excellent ecosystem for drag‑drop