Home
Back to Portfolio
Status: Live

Cloud Social Web

The official Cloud Social website, live at cloudsocialapp.com. It brings the app's feeds, creator videos and live streams to the browser, on the same Firebase backend and with the same accounts. Anyone can browse the public feed, and members sign in to like, comment and go live.

  • Next.js 15
  • Firebase
  • Agora Live

Case Study

Problem

Cloud Social's website was a legacy static site with no content and no admin tools. The client wanted the mobile experience on the web, running on the same Firebase backend as the live iOS and Android app, without ever breaking the app or putting minors' posts on the public web.

Solution

I built a Next.js 15 app in three route groups: static marketing pages, a server-rendered social app with feeds, profiles, creator pages and Agora live streaming, and an MFA-protected admin console. Every write mirrors the mobile app's own write path, public reads pass a fail-closed child-safety filter, and five test layers, from unit tests to visual regression, guard the codebase.

Outcome:

cloudsocialapp.com is live. Visitors browse the public feed, members sign in with their existing app accounts to like, comment and stream from the browser, and admins can pull a post off the web without touching it in the mobile app.

Tech Stack & Features

Next.js 15
Firebase
Agora Live
TypeScript
TanStack Query
Vitest & Playwright
Server-rendered public feed
Same accounts as the app
Browser live streaming
Screen & app-window sharing
Creator watch pages
HLS video playback
Likes & comments
Admin moderation console
MFA & audit trail
Child-safety filter
axe accessibility scans
Lighthouse CI

Project Details

August 2026

Full-Stack Web Development

Next.js, Firebase, Live Streaming

Visit website (opens in a new tab)

At a glance

  • 26

    routes across the site, app and admin

  • 5

    automated test layers, unit to visual

  • 320+

    test files guarding the codebase

  • 23

    end-to-end specs, each with an accessibility scan

Showcase

cloudsocialapp.com
The Cloud Social web app's Flick feed on desktop, with the left navigation sidebar, the feed tabs and a video post of a small dog in a blue outfit on a lawn. The poster's avatar, name and handle are blurred.
The Flick feed on desktop: a full-height video feed that snaps from post to post.
cloudsocialapp.com
Cloud Social pricing page with the headline 'Free to watch. Free to post.' and three plan cards: Free at $0, Plus at $4.99/mo and Creator at $9.99/mo, each with its feature list
Pricing page with the Free, Plus and Creator plans.
cloudsocialapp.com
Cloud Social About page with the headline 'One app for every fandom you're part of.', the origin paragraph, and three columns: What we're building, Who it's for and Where we are
About page: one place for gaming, anime, sport, movie, music and podcast communities.
Three phones showing the responsive Cloud Social site at 430px wide: the About page, a Flick feed post with the bottom tab bar, and the Pricing page
Fully responsive: About, the Flick feed and Pricing at phone width.
cloudsocialapp.com
Live demo
The feed in motion: posts snap smoothly into place and video posts autoplay as they arrive.
Cloud Social Web

Interested in a similar product?

Let's build something scalable and beautiful.

Fadi Hares
Fadi Hares
Software Engineer
Start a Project