Case Study

Face Link

Social hub that evolved from a static mockup into a full platform with auth, realtime posts, and lively profiles for emerging creators.

Next.jsNext.js
Tailwind CSSTailwind CSS
Redux ToolkitRedux Toolkit
Firebase AuthFirebase Auth
Cloud FirestoreCloud Firestore
Framer MotionFramer Motion

Overview

FaceLink began as a simple design exercise and became a production-ready social platform to support my learning community.

Problem

  • Students needed a focused network without noisy mainstream feeds.
  • Manual content moderation was unsustainable.
  • Static prototype lacked real-time collaboration cues.

Solution

  • Implemented Firebase Auth with secure routing.
  • Built CRUD flows for posts, comments, and reactions.
  • Layered Framer Motion to keep interactions lively.

Research & Techniques

  • Studied Redux Toolkit to centralize state management.
  • Optimized Firestore indexes for feed performance.
  • Applied lessons from Sir Naveed Sarwar’s coursework.

Results

  • Used as a showcase hub during cohort demos.
  • Peers reference the codebase for learning Next.js + Firebase.
  • Roadmap includes event scheduling and richer profiles.

Key Features

Tap a feature to explore how it supports the experience.

Secure authentication and session management

Tech Stack

Next.jsTailwind CSSRedux ToolkitFirebase AuthCloud FirestoreFramer Motion