Independent Project
November 2024

Game Hub — Gaming Highlights & Community

Expertise

Frontend Engineering, Realtime Feeds, Product Design

Platforms

Web (Responsive), PWA-ready

Deliverables

  • Clip uploads & playback

Links

View on LinkedIn
Game Hub — Gaming Highlights & Community

Project Overview

Game Hub is a social platform where players share their best highlights and discover epic moments across titles and genres. The goal was a frictionless path to post a clip, get instant feedback, and find new creators through a clean discovery feed. Deployment on Vercel keeps delivery fast and global.

Core experience: upload short highlights, browse a smart feed with game/tags filters, react and comment, follow creators, and keep a personal profile of your best plays.

Unity 6 Overview

Execution

Architecture & implementation

  • Angular + TypeScript front-end with feature modules and route-level code splitting.
  • Firebase stack: Auth (email/social), Firestore (posts/likes/comments/profiles), Storage (clips & thumbnails), Security Rules.
  • Cloud Functions for background tasks: metadata sanitization, thumbnail extraction, and notification fan-out.
  • Discovery & search: indexed queries by game, tags, and recency; denormalized counters for fast like/comment stats.
  • Upload UX: chunked uploads with progress, client-side validation (duration/size/format), and retry on flaky networks.
  • Playback: responsive player with keyboard shortcuts; lazy media loading and preconnect hints for snappy start time.
  • Moderation: user reporting, basic heuristics, and admin review queue (extensible to AI-assisted moderation later).
  • PWA shell (optional): install prompt, offline shell for feed scaffolding, and add-to-homescreen.

Quality & performance

  • Core Web Vitals guardrails; image/video srcset and lazy loading; memoization to reduce re-renders on dense feeds.
  • Firestore composite indexes and pagination (cursor-based) to keep queries predictable under load.

Results

Measurable outcomes (replace placeholders after measurement):

  • Feed performance: p95 time-to-first-card ≈ 680ms.
  • Upload success: completed uploads on first attempt 93% · median upload time 14s (Wi-Fi).
  • Playback start: median time-to-first-frame ≈ 260ms after preconnect & lazy loading.
  • Engagement: avg likes per clip 18 · comments per active user 3.

Before → After (snapshot)

Before: long initial feed loads and jittery scroll on media-heavy lists. After: indexed queries + virtualized lists → re-renders ↓ 47%, smoother infinite scroll, and more consistent p95.