Personal ProjectRole: Full-Stack Developer

Threads Web Clone

Social network web application replicating Meta's Threads with secure JWT auth and server actions.

Next.jsTypeScriptTailwind CSSFramer MotionJWTCookies
Threads Web Clone interface screenshot

Project Overview

Threads Clone is a fully functional Clone of Meta's Threads, where users can create posts (threads), like and reply to them (including images), follow and unfollow other users, and manage their profiles securely. It features a modern authentication system using JWT-based authentication via cookies, ensuring user data security. The app boasts a sleek, responsive UI built with Tailwind CSS and enhanced with smooth animations powered by Framer Motion. The backend is designed for performance and security, utilizing Next.js server actions to handle data efficiently.

The Engineering Challenge

Real-time feed interactions, recursive reply trees, and media attachment handling in a responsive feed.

Architecture & Implementation

Next.js Server Actions with optimistic UI updates and cookie-based JWT session authentication.

Key Technical Highlights

  • —Thread creation with multi-image support
  • —Nested replies and like mechanisms
  • —Follow/unfollow user graph relationships
  • —Profile management and activity feed

Results & Learnings

  • —High-performance interaction states using Framer Motion
  • —Secure state transitions with zero client-side credentials exposure