Website is live and hosted at huddle-hub

huddle-hub🌍

Free and Real-Time communication platform 💬

huddle-hub🌍 - A real-time communication platform primarly designated for workplace communication and collaboration,allowing users to send messages, share files and connect with coworkers and clients.

v2.5 is out 🚀 Check out →

A quick look at the workspace 👀

huddle-hub.mp4

Tip

Not sure where to start?

Jump into our demo server to explore all the powerful features in action as shown in the image above by logging via invitation link — no setup needed, Get a feel for everything you can do, then create your own server when you're ready to make it yours.

Contents

• 🛡️🗡️Roles:
  • 👑 Admin Features
  • 🙋‍♂️ Member Features
• 🤔🌌 What Sets This Project Apart?
• 🧑‍💻🎧Tech Stacks
• ⚙️🔧Installation

🛡️🗡️Roles:

Note

Roles have been assigned in the workspace to help everyone cooperate effectively. 😄

👑 Admin Features:

Admins have elevated privileges and control over the workspace.

• 🔐 User Management
  • Invite new users via authorized link.
  • Promote or demote users (e.g., Member → Moderator).
  • Remove or Kick users from workspace.

• 🏢 Workspace Management
  • Create, edit, or delete channels (Public & Private).
  • Manage Channel Permission (e.g., Public → Private).
  • Delete inappropriate messages 🔞.

• ⚙️ Settings & Configuration
  • Customize workspace branding (e.g.,name & logo).
  • Customize channel name (e.g.,name & logo).

🙋‍♂️ Member Features:

Member have limited access to workspace features.

• 🔐 User Management
  • Create their own workspace server and grow your community.
  • Now Members can invite new users via authorized link.
  • Communicate with members on real-time video🎦 or audio chat🎚️🔈.
  • leave channel or workspace anytime for now.
  • Create, edit, or delete their own channels (public or private) by simply righ-clicking on their channel name.

• 💬 Messaging
  • Send and receive direct messages (DMs).
  • Participate in an assigned (public or private) channels.
  • Use emojis: 😄😎🥂.

• 📁 File Sharing
  • Upload and download attachments in channels or DMS.

• 🔔 Notifications 🆕✨
  • Receive real-time messages and alerts.
  • Subscribe to web push notification on your browser to receive new messages or alerts, even if you are not active on the website.

Important

🛡️ Moderators have almost the same privileges as admin, but their authority is limited within defined boundaries.

🤔🌌 What Sets This Project Apart?

Okay, we all are familiar with the common features - but what makes it special? What are the standout features compared to other projects? Let's dive in and uncover the highlights :-

• Introducing Web Push Notification 🗣📢🔔, enables subscribed users to receive real-time alerts or messages even if they are not active on the website. Read more

• Also Introducing Jump to Message — allowing users to reply and instantly redirect ⤴️ to the original message with a single click. Read more

• Users can create private or public channel and engage in real-time communication via video or audio chat. Integrated WebSockets for seamless real-time messaging, ensuring instant delivery and update across the platform. Additionally, user can also create threads🧶, keep side conversations organised and maintain the decorum of a main chat. Read more

🧑‍💻🎧Tech Stacks:

• Next.js
• Tanstack
• Typescript
• Web Socket
• Web Push
• Socket.IO
• Shadcn/ui
• PWA
• Prisma
• Postgres DB
• Tailwind CSS
• Zustand
• React Quill
• Zod
• UploadThing
• LiveKit
• Clerk

⚙️🔧Installation:

First, run the development server:

# Clone the repository
git clone https://github.com/A-ryan-Kalra/huddle-hub.git

# Change Directory
cd huddle-hub

# Run the given commands and enjoy
npm i

npm run dev

---

You know what's absolutely free?

• Leaving a ⭐ star
• 🍴Forking the repository
• No hidden fees, no subscriptions — just pure open-source love🥰!

---

Open http://localhost:3000 in your browser to see the result.

Pleasure contributing 🕶️
Aryan Kalra