Dive into Slacky-Chat, a dynamic, real-time communication platform inspired by Slack, designed to revolutionize team collaboration. Built with the latest technologies like Next.js 14, TypeScript, and Convex, Slacky-Chat brings over 10+ powerful features—including reactions, threads, direct messaging, and image attachments—to make every interaction engaging and efficient. Whether it’s 1-on-1 chats or group channels, Slacky-Chat ensures seamless collaboration for teams of any size.
Struggling to get started or hit a snag? Join our thriving Discord community with over 30k+ members, where support and ideas flow freely!
Slacky-Chat is powered by a robust stack to deliver top-tier performance and security:
- Next.js 14 - For lightning-fast performance and dynamic UI
- TypeScript - Ensuring rock-solid, type-safe code
- Convex - For real-time backend and data management
- Shadcn UI - Sleek, modern UI components
- Tailwind CSS - Beautiful, responsive designs in record time
- Auth.js - Secure authentication with NextAuth v5
- Jotai - Efficient state management
- Quill - Rich text editing for messages
Slacky-Chat isn’t just a chat app—it’s a collaboration powerhouse. Here’s what sets it apart:
📡 Real-Time Communication: Instant, seamless messaging for teams.
👍 Reactions to Messages: Add emojis to express yourself quickly.
🧵 Threads / Replies System: Keep conversations organized with threaded replies.
✏️ Editing Messages: Correct or refine messages on the fly.
🗑️ Deleting Messages: Clean up conversations with ease.
🔐 Role-Based Access Control: Secure, tailored permissions for every user.
🖼️ Image Attachments: Share visuals to enhance communication.
🔒 Authentication with NextAuth v5: Rock-solid security for user logins.
📺 Channel Creation: Build custom channels for focused discussions.
🏢 Workspace Creation: Organize teams with dedicated workspaces.
✉️ Invite System / Invite Codes: Easily onboard new members with unique codes.
💬 Direct Messaging: Private 1-on-1 chats for confidential talks.
👥 User Profiles: Personalized profiles for every user.
And more, including a focus on code reusability and scalable architecture!
Ready to bring Slacky-Chat to your machine? Follow these simple steps:
Ensure you have:
- Git
- Node.js
- npm (Node Package Manager)
git clone https://github.com/khushal-mali/slacky_chat.git
cd slacky_chatInstall dependencies in one command:
npm installCreate a .env.local file in the root directory and add:
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
Replace placeholders with your actual Convex credentials. Sign up on the Convex website to get these details.
Fire up the app:
npm run devVisit http://localhost:3000 in your browser to experience Slacky-Chat live!
- GitHub Repository: https://github.com/khushal-mali/slacky_chat
- Live Demo: https://slacky-chat-ofne.vercel.app/
Transform your team’s communication with Slacky-Chat—where collaboration meets innovation! 🚀