ThreadClone - Social Media Simulation

I'm embarking on an ambitious project, "ThreadClone," designed to replicate the functionality of renowned social media platforms for educational and experimental purposes. Beyond being a mock social media platform, I aim to provide a comprehensive learning experience for developers and enthusiasts. This project covers:

• I master Next.js 13.4 with Server Side Rendering.
• I learn MongoDB handling of complex schemas, multiple data population.
• I create beautiful layouts with TailwindCSS.
• I use Clerk for authentication.
• I handle file uploads with UploadThing.
• I explore Shadcn components.
• I listen to real-time events with webhooks.
• I understand middleware, API actions, and authorization.
• I explore & integrate new Next.js layout route groups.
• I validate data with Zod.
• I manage forms with react hook form.
• I create reusable components.
• I build a solid application architecture.

ThreadClone integrates advanced technologies and best practices, allowing me to explore, experiment, and enhance my development skills while creating and customizing this simulated social media platform.

Screenshots

Features

• Home for Displaying All Threads
• Search Page
• Communities
• Profile Page
• Create Thread
• Replying to Threads
• Activities Page
• Suggested Users
• Suggested Communities

Tech Stack

Client & Server: Typescript, React, TailwindCSS, Shacdcn/ui, Next.js 13.4 with Server Side Rendering, MongoDB, Webhooks

Forms: Zod, React Hook Form

Upload Files: Uploadthing

Authentification: Clerk

Demo

https://thread-clone-xi.vercel.app

Run Locally

Clone the project

  git clone https://github.com/josuembuyu/thread-clone.git

Go to the project directory

  cd thread-clone

Install dependencies

  npm install

Start the server

  npm run dev