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
In short
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 problem
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.
What I did
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.
The result
- 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
Technical detailsFor engineers: how it's built and what it runs on
Architecture
- 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
Highlights
- 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
Stack
Finished reviewing?
Back to Portfolio←