Loom - Weave Your Connections

Loom is a modern social platform that weaves together ideas and stories, creating meaningful connections between people. Built with Next.js and TypeScript, Loom provides a seamless and engaging social experience.

🌟 Features

🧵 Threading System

• Thread Creation & Composition

  • Multi-media attachments (images, videos, links)
  • Draft saving and auto-save functionality
  • Thread preview before posting

• Conversation Management

  • Nested replies up to 6 levels deep
  • Thread branching and merging
  • Context preservation across replies
  • Quote-threading support

• Thread Discovery

  • Chronological and algorithmic feeds
  • Thread bookmarking and collections
  • Save threads for later reading
  • Thread history tracking

💫 Engagement Features

• Interactive Elements

  • Reactions with customizable emojis
  • One-click reposting with optional comments
  • Share threads externally
  • Thread metrics and analytics

• Real-time Updates

  • Live thread notifications
  • Activity feed with filters
  • Mention notifications
  • Thread status updates

👤 User Experience

• Profile Customization

  • Custom bio and profile themes
  • Portfolio showcase section
  • Activity highlights
  • Professional achievements display

• Content Management

  • Thread organization tools
  • Content scheduling
  • Archive functionality
  • Batch operations

🔍 Discovery & Navigation

• Search & Explore

  • Advanced search filters
  • Topic-based exploration
  • Trending threads section
  • Personalized recommendations

• Categories & Topics

  • Custom topic creation
  • Follow specific topics
  • Topic-based notifications
  • Community-curated collections

🛡️ Privacy & Security

• Account Controls

  • Granular privacy settings
  • Two-factor authentication
  • Login activity monitoring
  • Device management

• Content Filtering

  • Custom word filters
  • User muting and blocking
  • Content warning system
  • Report management

🔧 Technical Features

• Performance

  • Fast page loads
  • Optimized image loading
  • Efficient data caching
  • Responsive design

• Integration

  • API access
  • Webhook support
  • OAuth authentication
  • Developer tools

🚀 Getting Started

Prerequisites

• Node.js 18.x or later
• npm, yarn, or pnpm

Installation

1. Clone the repository:

git clone https://github.com/yourusername/loom.git
cd loom

2. Install dependencies:

npm install

3. Set up your environment variables:

cp .env.example .env.local

Edit .env.local with your configuration.

4. Run the development server:

npm run dev

Open http://localhost:3000 to view Loom in your browser.

🛠️ Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• Editor: Lexical
• UI Components: Custom components with React
• Notifications: React Toastify
• Font: Baloo Paaji 2

📱 Features in Detail

Post Management

• Create, edit, and delete posts
• Rich text formatting
• Media upload support
• Repost functionality

User Interactions

• Follow/Unfollow users
• Like and comment on posts
• Share content
• Verified user badges

Profile Customization

• Edit profile information
• Upload profile picture
• Customize display settings

🤝 Contributing

We welcome contributions to Loom! Please read our contributing guidelines before submitting pull requests.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👥 Authors

• Louis - Initial work - GitHub Profile
• Nin Dang - Initial work - GitHub Profile

🙏 Acknowledgments

• Thanks to all contributors who have helped shape Loom
• Special thanks to the Next.js team for the amazing framework
• Inspired by modern social platforms and the need for meaningful connections

---

Made with ❤️ by the Loom team