Mickey374/threads-clone-app

Welcome to the Full Stack Threads Clone project. This project is a web application built using Next.js 13.4 with Server-Side Rendering, MongoDB for the database, TypeScript for type safety, Tailwind CSS for stunning layouts, and Clerk for secure authentication.

🚀 Full Stack Threads Clone App 🧵

Welcome to the Full Stack Threads Clone repository! This project aims to provide a comprehensive example of a modern web application built using Next.js 13.4 with Server-Side Rendering, MongoDB for the database, TypeScript for type safety, Tailwind CSS for stunning layouts, and Clerk for secure authentication. With this app, you'll learn how to create an engaging social platform where users can post threads, share ideas, and interact with each other.

Features 🌟

• User Authentication: Secure user registration and login with Clerk, ensuring a smooth and protected user experience.

• Thread Creation: Allow users to create threads, post their thoughts, and share content.

• Comments and Replies: Enable threaded discussions with comments and replies to foster community engagement.

• Real-time Updates: Implement real-time updates for new comments and thread interactions using WebSocket technology.

• File Uploads: Integrate UploadThing to handle file uploads, making it easy for users to share images and files.

• Rich Text Editing: Provide a user-friendly WYSIWYG editor for composing threads and comments.

• User Profiles: Display user profiles with avatars, user information, and their posted threads.

Tech Stack 🛠️

• Frontend: Next.js 13.4, TypeScript, Tailwind CSS.

• Backend: Node.js with Express for API endpoints.

• Database: MongoDB for storing thread data and user information.

• Authentication: Clerk for a secure and seamless authentication process.

How to Use 📚

Follow these steps to run the Threads Clone application on your local machine:

1. Clone the repository using the following command:

   git clone https://github.com/Mickey374/threads-clone.git
   

2. Navigate to the project directory:

   cd threads-clone
   

3. Install the required dependencies:

   npm install
   

4. Set up Clerk Authentication:

   • Sign up for a Clerk account at https://clerk.dev/ and create a new project.
   • Get your API credentials and update the .env.local file with your Clerk configuration.

5. Set up MongoDB:

   • Install and run MongoDB on your local machine or use a cloud-based service.
   • Update the .env.local file with your MongoDB connection string.

6. Start the development server:

   npm run dev
   

7. Open your browser and visit http://localhost:3000 to see the Threads Clone app in action.

Contributions and Issues 🔧

We welcome contributions to enhance the Threads Clone application further. If you find any issues or have new feature ideas, please feel free to open an issue on our GitHub repository. We'd love to collaborate with you!

License 📝

This project is licensed under the MIT License.

Happy coding! 🚀🧵