Threads 🧵

Threads is a modern web application built with Next.js 14 and Server Side Rendering, designed for real-time discussions. This project demonstrates advanced web development techniques and technologies, including:

• MongoDB: Handling complex schemas and data population.
• TailwindCSS: Creating beautiful, responsive layouts.
• Clerk: Implementing secure user authentication.
• UploadThing: Managing file uploads.
• Shadcn Components: Enhancing the user interface.
• Webhooks: Listening to real-time events.
• Middleware & API Actions: Understanding backend operations and authorization.
• Next.js Layout Route Groups: Exploring new layout features.
• Zod: Validating data effectively.
• React Hook Form: Managing form states and validation.
• Reusable Components: Building modular and maintainable code.
• Application Architecture: Designing a robust and scalable application.

Features

• Real-Time Messaging: Create and manage message threads with live updates.
• Responsive Design: Optimized for both desktop and mobile devices.
• User Authentication: Secure login and registration system.
• File Uploads: Handle file management within the application.
• Real-Time Updates: Immediate notifications and updates via webhooks.

Technologies Used

• Frontend: Next.js 14, TailwindCSS, Shadcn Components
• Backend: MongoDB, Clerk, UploadThing
• Real-Time: Webhooks
• Data Validation: Zod
• Form Management: React Hook Form

Installation

1. Clone the repository:

   git clone https://github.com/e-d-i-n-i/threads.git

2. Navigate to the project directory:

   cd threads

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Usage

1. Register or log in using Clerk.
2. Explore and participate in real-time discussions.
3. Manage and upload files as needed.
4. Utilize the responsive interface across various devices.

Contributing

Contributions are welcome! Please submit a pull request or open an issue for suggestions and improvements.

License

This project is licensed under the MIT License.