Reddit Clone.
Company
Personal Project
Role
Developer
Timeline
2022
Fast, responsive scroll transitions
Upvotes, comments, and deletes sync dynamically
Optimized CDN routing for image uploads
Major Features Highlight
User authentication with Firebase
Join and create communities
Create, edit, and delete posts
Upvote and downvote functionality
Commenting system with real-time updates
Post sorting by popularity and recency
Responsive and accessible UI with Chakra UI
Global state management with Recoil
Firebase Firestore with real-time sync
Image uploads via Firebase Storage
Protected routes and role-based access
Deployed on Vercel with CI/CD pipeline
Overview
A scalable social graph clone focusing on relational state management, recursive commenting pipelines, real-time community feed synchronization, and high-performance CDN image assets.
The Challenge
Social graphs are highly relational. Building nested, recursive comment threads, managing community subscriptions, and coordinating dynamic real-time upvote/downvote scores require lightweight, predictable local client states.
The Engineering Solution
Developed a robust state machine in Next.js using Recoil. Structured a highly normalized Firestore database schema, integrated Firebase Storage for media uploads, and designed custom responsive layouts using Chakra UI.
Key System Deliverables
- ✦Next.js web layer connected to Firebase Firestore real-time queries
- ✦Global state management driven by Recoil atomic variables
- ✦Firebase Auth with customizable protected routes
- ✦Chakra UI responsive CSS custom tokens
Measurable Success
- ✓Achieved total state parity across deeply nested commenting trees
- ✓Constructed a reliable, high-performance feed scoring structure
- ✓Delivered full multi-device alignment with 60fps interaction rendering